CSS color プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

いろいろな要素のテキストに色を設定します：

body {
    color: red;
}

h1 {
    color: #00ff00;
}

p {
    color: rgb(0,0,255);
}
Try it Yourself ❯

定義と用法

color プロパティは、テキストの色を指定します。

チップ: テキストが読み易くなるように、背景色とテキストの色を設定してください。

デフォルト値： not specified
継承： 継承する
アニメーション可否： 可。animatable を参照 Try it
バージョン： CSS1
JavaScript 構文： object.style.color="#0000FF" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
color 1.0 3.0 1.0 1.0 3.5

CSS 構文

color: color|initial|inherit;

プロパティの値

値 説明 Play it
color テキストの色を指定します。指定可能な色値の完全なリストについては、 CSSの色値を参照してください Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル： CSS Text

HTML DOM リファレンス：color プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯