color
colorプロパティは、テキストの前景色の指定ができます。
通常は、フォントカラーを変更する目的で使われますが、border-colorプロパティの初期値がcolorプロパティで決まったりするので、要素内にテキストが無い場合でも、影響を受ける可能性は有ります。
- 対応ブラウザ
-
プロパティの解説
- 値
- <色>|inherit
- 初期値
- UA(ブラウザなど)に依存
- 適用される要素
- 全ての要素
- 継承
- します
- パーセント値
- N/A
- メディア
- visual
値の解説
- <色>
- 「RGB値」または「キーワード」で指定します。
<色>に関しては、「色の指定に関して」をご参照ください。
colorのサンプル
p {
margin: 10px 15px;
color: #333;
}
p.att {
color: #f33;
}
p.att strong {
color: #000;
}
<p>
標準のテキストの色
</p>
<p class="att">
注意書きとかのカラーの一部を<strong>強調</strong>してみる
</p>
このサンプルを今見ているブラウザで表示すると以下のようになります。
- サンプルのブラウザ上の表示
-
標準のテキストの色
注意書きとかのカラーの一部を強調してみる