トップページの中の プロパティの中の Cのプロパティ一覧の中の color

color

  • 最終更新:2009年11月10日 14:25

colorプロパティは、テキストの前景色の指定ができます。
通常は、フォントカラーを変更する目的で使われますが、border-colorプロパティの初期値がcolorプロパティで決まったりするので、要素内にテキストが無い場合でも、影響を受ける可能性は有ります。

対応ブラウザ
  • IE6対応
  • IE7対応
  • IE8対応
  • Firefox3.5対応
  • Opera10対応
  • Safari4対応
  • Chrome3対応

プロパティの解説

<色>|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>

このサンプルを今見ているブラウザで表示すると以下のようになります。

サンプルのブラウザ上の表示

標準のテキストの色

注意書きとかのカラーの一部を強調してみる

このページの上部へ