color

概要

color は要素のテキストコンテンツの文字色を設定します。

• 初期値 : ユーザエージェントに依存
• 適用対象: すべての要素
• 継承 : する
• 割合: N/A
• メディア: visual
• 計算値 : 指定値

構文

border-bottom-color: color | inherit

値

color 

color は以下の方法で指定できます:

• 16 進数の RGB 値
• 通常の RGB 値または RGBA Firefox 3 の新機能 値
• 通常の HSL 値または HSLA Firefox 3 の新機能 値
• 定義済みの color キーワード

例

以下の例はすべて、要素のテキストを赤色にします:

element { color: red }
element { color: #f00 }       
element { color: #ff0000 } 
element { color: rgb(255,0,0) }      
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }

color に透過させるためのアルファチャンネルを含めたいときは、RGBA や HSLA カラーが使用できます:

element { color: rgba(255, 0, 0, 0.5) } Firefox 3 の新機能

element { color: hsla(0, 100%, 50%, 0.5) } Firefox 3 の新機能

これら 2 つの例は、透過度が 0.5 または 50% に設定された色を作成します。

注記

• VisiBone によるカラーチャート

仕様

• CSS 1
• CSS 2.1
• css3-color

ブラウザの互換性