CSS カラーモジュール レベル 3

概要

CSS (Cascading Style Sheets) は、HTML および XML ドキュメントの画面、紙、音声などでのレンダリングを記述するための言語です。テキスト、背景、枠線、およびドキュメント内の要素の他の部分に色を付けるための色関連のプロパティと値を使用します。本仕様では、前景色およびグループ不透明度に関する色値とプロパティを記述しています。これには、CSS レベル 2 からのプロパティと値、および新しい値が含まれます。

この文書の状態

このセクションでは、この文書が公開された時点での状態について説明します。現在の W3C 公開物の一覧およびこの技術報告書の最新改訂版は、W3C 技術報告書インデックス（https://www.w3.org/TR/）で確認できます。

この文書は、CSS ワーキンググループによって、推奨事項トラックを使用して勧告として公開されました。

W3C 勧告は、広範な合意形成を経て、W3Cおよびそのメンバーによって承認され、ワーキンググループのメンバーによる実装のための無償ライセンスの確約が得られた仕様です。

W3C は、本仕様をウェブの標準として広く展開することを推奨します。

この文書は、W3C 特許ポリシーの下で運営されているグループによって作成されました。W3C は、このグループの成果物に関連して行われた特許開示の公開リストを維持しています。そのページには特許を開示するための指示も含まれています。ある個人が、必須クレームを含むと信じている特許について実際の知識を持っている場合、その個人はW3C 特許ポリシー第6節に従って情報を開示しなければなりません。

この文書は、2021年11月2日 W3C プロセス文書によって管理されています。

別途提供されている 実装レポートによると、テストスイート内の各テストが、少なくとも2つの独立した実装によって合格しています。ただし、多くのテストは現在CSS Color 4に更新されています（実装レポートを参照してください）。

この文書の変更点一覧が完全に利用可能です。

1. イントロダクション

このセクションは規範的ではありません。

CSS レベル 2 以降は、モジュールのセットであり、仕様とその実装が段階的に開発されるよう分割されています。本仕様はそのモジュールの一つです。

このモジュールでは、要素の前景色と不透明度を指定するための CSS プロパティについて説明します。また、CSS の <color> 値型について詳しく説明しています。

これにより、CSS1 および CSS2 に既存する色関連のプロパティと値を定義するだけでなく、新しいプロパティと値も定義します。

この仕様は、以下の勧告および作業草案の関連部分を統合し、いくつかの新しい機能を追加した結果です。

• HTML 4.01 [HTML401]
• CSS 2.0 [CSS2]
• SVG 1.0 [SVG10]
• CSS3 のユーザーインターフェース (2000年2月16日) [CSS-UI-3]

2. 依存関係

追加の用語は、定義セクションの [CSS21] に記載されています。文書のソースコードおよび断片の例は、XML [XML10] または HTML [HTML401] の構文で示されています。

3. 色のプロパティ

3.1. 前景色: ‘color’ プロパティ

このプロパティは、要素のテキストコンテンツの前景色を説明します。また、色値を受け入れる他のプロパティの間接的な値 (currentColor) を提供するためにも使用されます。もし ‘currentColor’ キーワードが ‘color’ プロパティに設定されている場合、それは ‘color: inherit’ として扱われます。

ライムグリーンを指定する方法はいくつかあります:

em { color: lime }               /* 色キーワード */
em { color: rgb(0,255,0) }       /* RGB 範囲 0-255   */

<color>

色単位は 次のセクションで定義されています。

3.2. 透明度: ‘opacity’ プロパティ

不透明度（Opacity）は、後処理操作と考えることができます。概念的には、要素（その子孫を含む）が RGBA のオフスクリーン画像にレンダリングされた後、不透明度設定は現在のコンポジットレンダリングに対してオフスクリーンレンダリングをどのようにブレンドするかを指定します。詳細は 単純なアルファ合成 を参照してください。

<alphavalue>

構文的には <number> です。オブジェクト全体に適用される均一な不透明度設定です。値が 0.0（完全に透明）から 1.0（完全に不透明）の範囲外の場合、その範囲にクランプされます。オブジェクトに子要素がある場合、効果は、各マスクのピクセル値が <alphavalue> であるマスクを使用して、子要素が現在の背景に対してブレンドされたかのようになります。SVG の場合、「子要素がある」とはコンテナ要素であることに相当します [SVG11]。

不透明度が 1 未満の要素は単一のオフスクリーン画像からコンポジットされるため、その外側のコンテンツが内部のコンテンツの間に z-order でレイヤー化されることはできません。同じ理由で、不透明度が 1 未満の要素には新しいスタッキングコンテキストを作成する必要があります。不透明度が 1 未満で位置指定されていない要素は、その親のスタッキングコンテキスト内でスタックレベル 0 を持つ位置指定された要素と同じレイヤーに描画されます。不透明度が 1 未満で位置指定された要素の場合、‘z-index’ プロパティは [CSS21] に記載されているように適用されますが、使用される値が ‘auto’ の場合、その要素は‘0’ とまったく同じように動作します。スタッキングコンテキストに関する詳細は、セクション 9.9 および 付録 E を参照してください。この段落のルールは SVG 要素には適用されません。SVG には独自の レンダリングモデル（[SVG11]、第 3 章）があります。

4. 色単位

<color> は、キーワードまたは数値による指定のいずれかです。

4.1. 基本的な色キーワード

基本的な色キーワードのリストは次の通りです: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。これらの色名は ASCII大文字小文字を区別しません。

body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }

4.2. 数値による色指定

4.2.1. RGB カラー値

RGB カラーモデルは、数値による色指定に使用されます。以下の例はすべて同じ色を指定しています:

em { color: #f00 }              /* #rgb */
em { color: #ff0000 }           /* #rrggbb */
em { color: rgb(255,0,0) }
em { color: rgb(100%, 0%, 0%) }

RGB 値の 16 進表記は、‘#’ の後に 3 桁または 6 桁の 16 進数が続きます。3 桁の RGB 表記 (#rgb) は、数字を繰り返すことで 6 桁形式 (#rrggbb) に変換されます（ゼロを追加するわけではありません）。例えば、#fb0 は #ffbb00 に展開されます。これにより、白 (#ffffff) を短縮表記 (#fff) で指定できるようになり、ディスプレイの色深度への依存を排除します。

RGB 値の関数形式は、‘rgb(’ に続く 3 つの数値（整数値またはパーセンテージ値）をカンマで区切り、最後に‘)’を付けたものです。整数値の 255 は 100%、16 進表記の F または FF に相当します: rgb(255,255,255) = rgb(100%,100%,100%) = #FFF。数値の周囲に空白文字を含めることができます。

すべての RGB 色は sRGB カラースペースで指定されます（[SRGB] を参照）。ユーザーエージェントによってこれらの色の再現精度は異なる場合がありますが、sRGB を使用することで、色の定義が明確で客観的に測定可能となり、国際標準に関連付けることができます（[COLORIMETRY] を参照）。

デバイスのガマット外の値は、ガマットが既知の場合にクリップまたはマッピングされるべきです: 赤、緑、青の値は、デバイスがサポートする範囲内に収まるように変更される必要があります。ユーザーエージェントは、あるガマットから別のガマットへの色の高品質なマッピングを行うことができます。本仕様では正確なクリッピング動作を定義していません。デバイスガマットが sRGB と同じである典型的な CRT モニターの場合、以下の 4 つのルールは同等です:

em { color: rgb(255,0,0) }       /* 整数範囲 0 - 255 */
em { color: rgb(300,0,0) }       /* rgb(255,0,0) にクリップされる */
em { color: rgb(255,-10,0) }     /* rgb(255,0,0) にクリップされる */
em { color: rgb(110%, 0%, 0%) }  /* rgb(100%,0%,0%) にクリップされる */

プリンターなどの他のデバイスは、sRGB とは異なるガマットを持っています。そのため、0..255 の sRGB 範囲外の一部の色は表現可能（デバイスガマット内）ですが、0..255 の sRGB 範囲内の他の色はデバイスガマット外となり、マッピングされます。

4.2.2. RGBA カラー値

RGB カラーモデルは、本仕様で「アルファ」を含むように拡張され、色の不透明度を指定できるようになっています。詳細は 単純なアルファ合成 を参照してください。以下の例はすべて同じ色を指定しています:

em { color: rgb(255,0,0) }      /* 整数範囲 0 - 255 */
em { color: rgba(255,0,0,1)     /* 同じ色で、不透明度 1 を明示 */
em { color: rgb(100%,0%,0%) }   /* 範囲 0.0% - 100.0% */
em { color: rgba(100%,0%,0%,1) } /* 同じ色で、不透明度 1 を明示 */

RGB 値とは異なり、RGBA 値には 16 進表記がありません。

RGBA 値の関数形式は、‘rgba(’ に続く 3 つの数値（整数値またはパーセンテージ値）をカンマで区切り、その後に <alphavalue> を付け、最後に ‘)’ を付けたものです。整数値の 255 は 100% に相当します: rgba(255,255,255,0.8) = rgba(100%,100%,100%,0.8)。数値の周囲に空白文字を含めることができます。

実装では、RGBA 色値の赤、緑、青の成分を、これらの成分で構成される RGB 色値のルールに従ってデバイスガマットにクリップする必要があります。

以下の例は、rgba() 表記で可能な効果を指定しています:

p { color: rgba(0,0,255,0.5) }        /* 半透明のソリッドブルー */
p { color: rgba(100%, 50%, 0%, 0.1) } /* 非常に透明なソリッドオレンジ */

注意: RGBA 値がユーザーエージェントでサポートされていない場合、それらは CSS の前方互換性のパースルール ([CSS21], 第 4 章) に従って未認識値として扱われるべきです。RGBA 値を単に RGB 値として扱い、不透明度を無視してはなりません。

4.2.3. ‘transparent’ カラーワード

CSS1 は、背景色プロパティのために ‘transparent’ 値を導入しました。CSS2 では、枠線色 (border-color) プロパティでも ‘transparent’ 値を受け入れることができるようになりました。Open eBook(tm) Publication Structure 1.0.1 [OEB101] は、‘color’ プロパティでも ‘transparent’ キーワードを受け入れるように拡張しました。CSS3 は、すべての <color> 値を受け入れるプロパティで ‘transparent’ キーワードを使用できるように、色値を拡張しました。これにより、CSS3 におけるこれらのプロパティの定義が簡略化されます。

transparent

完全に透明。このキーワードは、透明な黒（rgba(0,0,0,0)）の略記とみなすことができます。これはその計算値です。

4.2.4. HSL カラー値

CSS3 は、数値 RGB カラーを補完するものとして、数値による 色相-彩度-明度 (HSL) カラー を追加しました。RGB カラーには以下のような制約があることが確認されています:

• RGB はハードウェア指向であり、CRT の使用を反映しています。
• RGB は直感的ではありません。人々は RGB の使い方を学ぶことができますが、実際には色相、彩度、明度（またはそれに類するもの）を RGB に変換する方法を内面化することで学びます。

他にもいくつかのカラースキームが可能です。HSL の利点の一つは、明度と暗さに対して対称的である点（例えば HSV ではそうではありません）であり、HSL を RGB に変換するのが非常に簡単である点です。

HSL カラーは (色相, 彩度, 明度) のトリプルとしてエンコードされます。色相は色相環（つまり、円で表された虹）として角度で表されます。この角度は CSS 内で暗黙的に度単位として測定されるため、構文上は単に <number> を指定します。定義により赤=0=360 であり、他の色は円周に沿って配置されています（緑=120、青=240 など）。角度であるため、-120=240 や 480=120 のように暗黙的にラップします。ある実装が x を [0,360)（すなわち 0 度（含む）から 360 度（含まない））の範囲に正規化する方法の一つは、(((x mod 360) + 360) mod 360) を計算することです。彩度と明度はパーセンテージで表されます。100% は完全な彩度を、0% は灰色の陰影を示します。0% の明度は黒、100% の明度は白、50% の明度は「通常」を意味します。

例えば次のように:

* { color: hsl(0, 100%, 50%) }   /* 赤 */
* { color: hsl(120, 100%, 50%) } /* ライム */
* { color: hsl(120, 100%, 25%) } /* 暗い緑 */
* { color: hsl(120, 100%, 75%) } /* 明るい緑 */
* { color: hsl(120, 75%, 75%) }  /* パステルグリーン、その他 */

HSL の RGB に対する利点は、はるかに直感的である点です。望む色を予測してから微調整することができます。また、色相を一定に保ち、明暗や彩度を変えることで、マッチする色のセットを作るのも簡単です。

彩度が 0% 未満の場合、実装はそれを 0% にクリップする必要があります。結果の値がデバイスのガマット外にある場合、実装はそれをデバイスのガマット内にクリップする必要があります。このクリッピングは可能であれば色相を保持する必要がありますが、それ以外の場合は未定義です（つまり、クリッピングは以下の HSL を RGB に変換するアルゴリズムを適用した後の RGB 色のクリッピングルールを適用するのとは異なります）。

HSL の色を sRGB に変換するのは数学的に簡単です。以下は変換アルゴリズムの JavaScript によるサンプル実装です。この関数は、赤、緑、青の各チャンネルを [0, 1] の範囲に正規化した配列を返します。

    function hslToRgb (hue, sat, light) {
      hue = hue % 360;

      if (hue < 0) {
          hue += 360;
      }

      sat /= 100;
      light /= 100;

      function f(n) {
          let k = (n + hue/30) % 12;
          let a = sat * Math.min(light, 1 - light);
          return light - a * Math.max(-1, Math.min(k - 3, 9 - k, 1));
      }

      return [f(0), f(8), f(4)];
  }
  

4.2.4.1. HSL の例

以下の各表は、1 色相を表しています。色相環から 12 の等間隔の色（30°間隔）が選ばれています: 赤、黄、緑、シアン、青、マゼンタ、およびその間の中間色（最後はマゼンタと赤の間の色）です。

各表では、X 軸は彩度を表し、Y 軸は明度を表します。

4.2.5. HSLA カラー値

‘rgb()’ 関数型表記に ‘rgba()’ アルファ版があるように、 ‘hsl()’ 関数型表記には ‘hsla()’ アルファ版が存在します。 詳しくは シンプルなアルファ合成 を参照してください。以下の例は同じ色を指定しています:

em { color: hsl(120, 100%, 50%) }     /* 緑 */
em { color: hsla(120, 100%, 50%, 1) } /* 同じ色、明示的な不透明度 1 */

HSLA カラー値の関数型表記の形式は、‘hsla(’ に続いて度単位の色相、パーセント単位の彩度と 明度、そして <alphavalue> が続き、 最後に ‘)’ で閉じられます。数値の周囲には空白文字が許可されています。

実装は、HSLA カラー値の色相、彩度、明度の各コンポーネントを、 それらのコンポーネントで構成される HSL カラー値のルールに従ってデバイスのガマット内に収める必要があります。

以下の例は、hsla() 表記で可能な効果を示しています:

p { color: hsla(240, 100%, 50%, 0.5) } /* 半透明のソリッドブルー */
p { color: hsla(30, 100%, 50%, 0.1) }  /* 非常に透明なソリッドオレンジ */

4.3. 拡張されたカラーキーワード

以下の表は、X11 カラーに [X11COLORS] に基づく グレー/グレイのバリエーションを追加したものを示しています。 結果的に、このリストは SVG 1.0 カラー キーワード名 と正確に同じです。この仕様は、それらの定義を SVG の枠を超えて拡張します。 左側の 2 つのカラースウォッチは、テーブルセルの背景色を設定する 2 つの方法を示しています: 最初の列は名前付きカラー値を使用し、2 番目の列はそれぞれの数値カラー値を使用しています。

4.4. ‘currentColor’ カラーキーワード

CSS1とCSS2では、‘border-color’ プロパティの初期値を ‘color’ プロパティの値 と定義しましたが、 対応するキーワードは定義しませんでした。この省略はSVGによって認識され、 SVG 1.0で ‘currentColor’ 値が ‘fill’, ‘stroke’, ‘stop-color’, ‘flood-color’, および ‘lighting-color’ プロパティのために導入されました。 CSS3は、currentColor キーワードをすべての <color> 値を受け入れるプロパティで使用できるようにするために カラー値を拡張しました。これにより、CSS3でのそれらのプロパティの定義が簡素化されます。

currentColor

‘color’ プロパティの値。 ‘currentColor’ キーワードの使用値は、 ‘color’ プロパティの計算値です。 もし ‘currentColor’ キーワードが ‘color’ プロパティ自体に設定されている場合、 これは ‘color: inherit’ として扱われます。

4.5. CSS システムカラー

4.5.1. CSS2 システムカラー

廃止。 テキスト、背景などに カラーキーワード値を割り当てることができるに加え、 CSS2では、色をユーザーのグラフィック環境に統合する方法で 指定できるようにしました。

対応する値が存在しないシステムの場合、指定された値は最も近いシステムカラー値にマッピングされるか、 デフォルトの色にマッピングされるべきです。一部のCSSプロファイルでは、 システムカラーを全くサポートしない場合があります。

以下は、色に関連するCSS値の追加値とその一般的な意味を示しています。 任意のカラー関連プロパティは次の名前のいずれかを取ることができます。 これらはASCII 大文字小文字を区別しないですが、以下に示す混合された大文字小文字を使用して名前をより読みやすくすることが推奨されます。

ActiveBorder

アクティブウィンドウの境界線。

ActiveCaption

アクティブウィンドウのキャプション。

AppWorkspace

複数のドキュメントインターフェースの背景色。

Background

デスクトップの背景。

ButtonFace

3D要素の背景色で、周囲の境界線の1層により3Dに見えるもの。

ButtonHighlight

周囲の境界線で光源に面している3D要素の境界線の色。

ButtonShadow

周囲の境界線で光源から遠い側にある3D要素の境界線の色。

ButtonText

プッシュボタン上のテキスト。

CaptionText

キャプション、サイズボックス、およびスクロールバー矢印ボックス内のテキスト。

GrayText

グレーアウトされた（無効化された）テキスト。 現在のディスプレイドライバーがソリッドグレー色をサポートしていない場合、この色は #000 に設定されます。

Highlight

コントロールで選択された項目。

HighlightText

コントロールで選択された項目のテキスト。

InactiveBorder

非アクティブウィンドウの境界線。

InactiveCaption

非アクティブウィンドウのキャプション。

InactiveCaptionText

非アクティブキャプション内のテキストの色。

InfoBackground

ツールチップコントロールの背景色。

InfoText

ツールチップコントロールのテキスト色。

Menu

メニューの背景色。

MenuText

メニュー内のテキスト。

Scrollbar

スクロールバーのグレー部分。

ThreeDDarkShadow

周囲の2層の境界線によって3Dに見える要素において、 光源から遠い側の2つの境界線の（通常は外側の）暗い方の色。

ThreeDFace

周囲の2層の境界線によって3Dに見える要素の背景色。

ThreeDHighlight

周囲の2層の境界線によって3Dに見える要素において、 光源に面している2つの境界線の（通常は外側の）明るい方の色。

ThreeDLightShadow

周囲の2層の境界線によって3Dに見える要素において、 光源に面している2つの境界線の（通常は内側の）暗い方の色。

ThreeDShadow

周囲の2層の境界線によって3Dに見える要素において、 光源から遠い側の2つの境界線の（通常は内側の）明るい方の色。

Window

ウィンドウの背景色。

WindowFrame

ウィンドウのフレーム。

WindowText

ウィンドウ内のテキスト。

p { color: WindowText; background-color: Window }

4.6. 色の使用に関する注意

色は文書に大きな情報量を加え、それを読みやすくすることができますが、文書に色を取り入れる際には、 W3C Web コンテンツ アクセシビリティ ガイドライン [WCAG20] を考慮してください。

• 1.4.1 色の使用: 色が情報を伝える唯一の視覚的手段として、 アクションを示したり、応答を促したり、視覚要素を区別したりする際に使用されない

5. シンプルなアルファ合成

描画時には、実装はアルファを扱う 必要があります。ルールは 現行標準の 14.2 Simple alpha compositingで定義されています。 (color-interpolation または color-rendering というプロパティがそのセクションで言及されているが、実装されていない場合、または適用されない場合、 実装はそれらの初期値が設定されているかのように振る舞う必要があります。)

6. (X)HTML のサンプルスタイルシート

この付録は情報提供目的であり、規範的なものではありません。このスタイルシートは、HTML4、XHTML1、 XHTML1.1、XHTML Basic、およびその他のXHTMLファミリ文書のデフォルトスタイリングの一部として実装で使用することができます。

html {
	color: black;
	background: white;
}


/* 従来のデスクトップユーザーエージェントのリンク色 */
:link    { color: blue; }
:visited { color: purple; }

/* デフォルトのフォーカスアウトライン */
:focus {
	outline: 1px dotted;  /* または 1px dotted invert */
}

7. プロファイル

CSS3 色を使用する各仕様は、その仕様が許可および除外するCSS3色機能のサブセットを定義し、 そのサブセットのすべてのコンポーネントのローカルな意味を記述する必要があります。

規範的でない例:

8. テストスイート

CSS カラーモジュールのテストスイートが 開発されましたが、さらなるテストが追加される可能性があります。このテストスイートは、 ユーザーエージェントが仕様への基本的な準拠を検証するためのものです。このテストスイートは網羅的であるとは主張せず、 すべての可能な数値カラー値をカバーしているわけではありません。これらのテストは https://test.csswg.org/harness/suite/css-color-3_dev/ で利用可能です。

9. 将来の機能

このセクションは規範的ではありません。

ICC プロファイルを指定するための‘@color-profile’ アットルールや、 それらのプロファイルのレンダリング意図を制御する手段、 そしてそれらのプロファイルを使用する方法（‘color-profile’ プロパティ）など、カラーマネジメントに関連する多くの機能は、 当時の実装関心の欠如により CSS カラー 3 から削除されました。

関連する機能の開発は CSS カラー 4 と 5 で継続されました。 詳細は、‘color()関数’、 ‘@color-profile’ アットルール、および ‘rendering-intent’ デスクリプタを参照してください。

10. 謝辞

Brad Pettit に、カラー プロファイルの執筆とそれを実装していただいたことに感謝します。 また、Steven Pemberton に HSL カラーの執筆について感謝します。 特に Marc Attinasi、Bert Bos、Joe Clark、fantasai、Patrick Garies、Tony Graham、Ian Hickson、 Susan Lesch、Alex LeDonne、Cameron McCormack、Krzysztof Maczyński、Chris Moschini、Chris Murphy、 Christoph Päper、David Perrell、Jacob Refstrup、Dave Singer、Jonathan Stanley、Andrew Thompson、 Russ Weakley、Etan Wexler、David Woolley、Boris Zbarsky、Steve Zilles、 XSL 作業グループの XSL FO サブグループ、そしてすべての www-style コミュニティからのフィードバックに感謝します。 また、CSS カラーのエキスパートとして活躍していただいた Chris Lilley に感謝します。

11. 変更点

2021年8月5日の 勧告 以降の変更点

以下の編集上の修正が行われました:

• HSL 値のサンプルと変換コードのサンプル。
• ケースインセンシティブがASCIIケースインセンシティブであることを明確化。
• プロパティ定義テーブルから「メディア」を削除。
• 「削除された機能の実装呼びかけ」を「将来の機能」に変更。

2018年6月19日の 勧告以降の変更点

• 候補修正 1: HSL 値のサンプルと変換コード。
• 候補修正 2: ケースインセンシティブの明確化。
• 候補修正 3: プロパティ定義テーブルから「メディア」を削除。
• 候補修正 4: 「削除された機能の実装呼びかけ」を削除。

2017年12月5日の 候補勧告以降の変更点

• 非実質的な誤字を修正しました（余分なセミコロン）。
• もはや存在しない`appearance`プロパティへの末尾リンクを削除。
• この変更セクションを更新。
• 提案勧告のための日付と定型文を更新。

2011年6月7日の 勧告以降の変更点

この文書は、2011年6月7日の勧告とは異なり、 以下の変更を含みます:

• 序章を非規範的としてマーク。
• 不透明度の定義でSVG固有の用語を使用しない。
• 不透明度がzオーダリングに与える影響をより明確に説明し、 「として扱われる」が計算値の変更を意味しないことを明確にする。
• ‘currentColor’ を計算値とし、 使用値時間で解決するように変更。 (テスト、 結果)。
• 現在のバージョンへの参照を更新。

以前のドラフトでの変更については、 以前の勧告での変更 およびそこからリンクされている以前のバージョンを参照してください。

以前のコメントの処置:

• 2008年ラストコールに関するコメントの処置。
• 2003年候補勧告に関するコメントの処置。
• 2003年ラストコールに関するコメントの処置。

12. 参考文献

12.1. 規範的参照

[COLORIMETRY]

Colorimetry, Third Edition. CIE 15:2004. ISBN 978-3-901906-33-6

[CSS21]

Bert Bos; et al. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. 2011年6月7日. W3C勧告. URL: http://www.w3.org/TR/2011/REC-CSS2-20110607

[SRGB]

Multimedia systems and equipment - Colour measurement and management - Part 2-1: Colour management - Default RGB colour space - sRGB. IEC 61966-2-1 (1999-10) ISBN: 2-8318-4989-6 - ICS codes: 33.160.60, 37.080 - TC 100 - 51 pp. as amended by Amendment A1:2003. URL: https://webstore.iec.ch/publication/6168

[SVG11]

Erik Dahlström; et al. Scalable Vector Graphics (SVG) 1.1 (Second Edition). 2011年8月16日. W3C勧告. URL: http://www.w3.org/TR/2011/REC-SVG11-20110816/

12.2. 参考情報

[CSS-UI-3]

Tantek Çelik; Florian Rivoal. CSS Basic User Interface Module Level 3 (CSS3 UI). 2018年6月21日. W3C 勧告. URL: https://www.w3.org/TR/2018/REC-css-ui-3-20180621/

[CSS2]

Bert Bos; et al. Cascading Style Sheets, level 2 (CSS2) Specification. 2011年6月7日. W3C 勧告. URL: http://www.w3.org/TR/2011/REC-CSS2-20110607

[HTML401]

Dave Raggett; Arnaud Le Hors; Ian Jacobs. HTML 4.01 Specification. 1999年12月24日. W3C勧告. URL: http://www.w3.org/TR/1999/REC-html401-19991224

[OEB101]

Open eBook(tm) Publication Structure 1.0.1. Open eBook Forum(tm). 2001年7月2日. URL: https://www.loc.gov/preservation/digital/formats/fdd/fdd000054.shtml

[SVG10]

Jon Ferraiolo. Scalable Vector Graphics (SVG) 1.0 Specification. 2001年9月4日. W3C 勧告. URL: http://www.w3.org/TR/2001/REC-SVG-20010904

[WCAG20]

Ben Caldwell; et al. Web Content Accessibility Guidelines (WCAG) 2.0. 2008年12月11日. W3C 勧告. URL: http://www.w3.org/TR/2008/REC-WCAG20-20081211/

[X11COLORS]

Wikipedia X11 color names. URL: https://en.wikipedia.org/wiki/X11_color_names

[XML10]

C. M. Sperberg-McQueen; et al. Extensible Markup Language (XML) 1.0 (Fifth Edition). 2008年11月26日. W3C勧告. URL: http://www.w3.org/TR/2008/REC-xml-20081126/

索引

• ActiveBorder, 4.5.1.
• ActiveCaption, 4.5.1.
• aliceblue, 4.3.
• <alphavalue>, 3.2., 4.2.2., 4.2.5.
• antiquewhite, 4.3.
• AppWorkspace, 4.5.1.
• aqua, 4.1., 4.3.
• aquamarine, 4.3.
• azure, 4.3.
• Background, 4.5.1.
• beige, 4.3.
• bisque, 4.3.
• black, 4.1., 4.3.
• blanchedalmond, 4.3.
• blue, 4.1., 4.3.
• blueviolet, 4.3.
• brown, 4.3.
• burlywood, 4.3.
• ButtonFace, 4.5.1.
• ButtonHighlight, 4.5.1.
• ButtonShadow, 4.5.1.
• ButtonText, 4.5.1.
• cadetblue, 4.3.
• CaptionText, 4.5.1.
• chartreuse, 4.3.
• chocolate, 4.3.
• color, 3.1.
• <color>, 4.
• color:<color>, 3.1.
• color-interpolation, 5.
• color-rendering, 5.
• compositing, 5.
• coral, 4.3.
• cornflowerblue, 4.3.
• cornsilk, 4.3.
• crimson, 4.3.
• currentColor, 4.4., 3.1., 3.1.
• cyan, 4.3.
• darkblue, 4.3.
• darkcyan, 4.3.
• darkgoldenrod, 4.3.
• darkgray, 4.3.
• darkgreen, 4.3.
• darkgrey, 4.3.
• darkkhaki, 4.3.
• darkmagenta, 4.3.
• darkolivegreen, 4.3.
• darkorange, 4.3.
• darkorchid, 4.3.
• darkred, 4.3.
• darksalmon, 4.3.
• darkseagreen, 4.3.
• darkslateblue, 4.3.
• darkslategray, 4.3.
• darkslategrey, 4.3.
• darkturquoise, 4.3.
• darkviolet, 4.3.
• deeppink, 4.3.
• deepskyblue, 4.3.
• dimgray, 4.3.
• dimgrey, 4.3.
• dodgerblue, 4.3.
• firebrick, 4.3.
• floralwhite, 4.3.
• forestgreen, 4.3.
• fuchsia, 4.1., 4.3.
• gainsboro, 4.3.
• ghostwhite, 4.3.
• gold, 4.3.
• goldenrod, 4.3.
• gray, 4.1., 4.3.
• GrayText, 4.5.1.
• green, 4.1., 4.3.
• greenyellow, 4.3.
• grey, 4.3.
• Highlight, 4.5.1.
• HighlightText, 4.5.1.
• honeydew, 4.3.
• hotpink, 4.3.
• hsl(), 4.2.4.
• hsla(), 4.2.5.
• InactiveBorder, 4.5.1.
• InactiveCaption, 4.5.1.
• InactiveCaptionText, 4.5.1.
• indianred, 4.3.
• indigo, 4.3.
• InfoBackground, 4.5.1.
• InfoText, 4.5.1.
• ivory, 4.3.
• khaki, 4.3.
• lavender, 4.3.
• lavenderblush, 4.3.
• lawngreen, 4.3.
• lemonchiffon, 4.3.
• lightblue, 4.3.
• lightcoral, 4.3.
• lightcyan, 4.3.
• lightgoldenrodyellow, 4.3.
• lightgray, 4.3.
• lightgreen, 4.3.
• lightgrey, 4.3.
• lightpink, 4.3.
• lightsalmon, 4.3.
• lightseagreen, 4.3.
• lightskyblue, 4.3.
• lightslategray, 4.3.
• lightslategrey, 4.3.
• lightsteelblue, 4.3.
• lightyellow, 4.3.
• lime, 4.1., 4.3.
• limegreen, 4.3.
• linen, 4.3.
• magenta, 4.3.
• maroon, 4.1., 4.3.
• mediumaquamarine, 4.3.
• mediumblue, 4.3.
• mediumorchid, 4.3.
• mediumpurple, 4.3.
• mediumseagreen, 4.3.
• mediumslateblue, 4.3.
• mediumspringgreen, 4.3.
• mediumturquoise, 4.3.
• mediumvioletred, 4.3.
• Menu, 4.5.1.
• MenuText, 4.5.1.
• midnightblue, 4.3.
• mintcream, 4.3.
• mistyrose, 4.3.
• moccasin, 4.3.
• navajowhite, 4.3.
• navy, 4.1., 4.3.
• oldlace, 4.3.
• olive, 4.1., 4.3.
• olivedrab, 4.3.
• opacity, 3.2.
• orange, 4.3.
• orangered, 4.3.
• orchid, 4.3.
• palegoldenrod, 4.3.
• palegreen, 4.3.
• paleturquoise, 4.3.
• palevioletred, 4.3.
• papayawhip, 4.3.
• peachpuff, 4.3.
• peru, 4.3.
• pink, 4.3.
• plum, 4.3.
• powderblue, 4.3.
• purple, 4.1., 4.3.
• red, 4.1., 4.3.
• #rgb, 4.2.1.
• rgb(), 4.2.1.
• rgba(), 4.2.2.
• rosybrown, 4.3.
• royalblue, 4.3.
• #rrggbb, 4.2.1.
• saddlebrown, 4.3.
• salmon, 4.3.
• sandybrown, 4.3.
• Scrollbar, 4.5.1.
• seagreen, 4.3.
• seashell, 4.3.
• sienna, 4.3.
• silver, 4.1., 4.3.
• skyblue, 4.3.
• slateblue, 4.3.
• slategray, 4.3.
• slategrey, 4.3.
• snow, 4.3.
• springgreen, 4.3.
• sRGB, 4.2.1., 4.1.
• steelblue, 4.3.
• system colors, 4.5.1.
• tan, 4.3.
• teal, 4.1., 4.3.
• thistle, 4.3.
• ThreeDDarkShadow, 4.5.1.
• ThreeDFace, 4.5.1.
• ThreeDHighlight, 4.5.1.
• ThreeDLightShadow, 4.5.1.
• ThreeDShadow, 4.5.1.
• tomato, 4.3.
• transparent, 4.2.3., 3.1.
• turquoise, 4.3.
• violet, 4.3.
• wheat, 4.3.
• white, 4.1., 4.3.
• whitesmoke, 4.3.
• Window, 4.5.1.
• WindowFrame, 4.5.1.
• WindowText, 4.5.1.
• yellow, 4.1., 4.3.
• yellowgreen, 4.3.

プロパティ索引