CSS color 属性

定義と使用法

color属性はテキストの色を指定します。

この属性は、要素の前景色（HTMLの表示では、要素のテキストの色）を設定します。光栅画像はcolor属性に影響されません。この色は、border-colorや他の境界線色属性で覆われない限り、要素のすべての境界線に適用されます。

要素の前景色を設定する最も簡単な方法は、color属性を使用することです。

参照も：

CSS チュートリアル：CSS 文本

HTML DOM リファレンスマニュアル：color 属性

例

異なる要素にテキストの色を設定する：

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

自分で試してみる

ヒントとコメント

ヒント：合理的な背景色とテキスト色の組み合わせを使用することで、テキストの可読性を高めることができます。

CSS 语法

color: color|initial|inherit;

属性値

値 説明
color_name 色名の色（例えば red）の色値を指定する规定です。
hex_number 十六進値の色（例えば #ff0000）の色値を指定する规定です。
rgb_number rgb 代码の色（例えば rgb(255,0,0)）の色値を指定する规定です。
inherit 親要素から色を継承するべきであると規定しています。

技術的詳細

デフォルト値： 指定されていません
継承性： yes
バージョン： CSS1
JavaScript 语法： object.style.color="#FF0000"

他の例も

テキストの色を設定
テキストの色を設定する方法をこの例で説明します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5