color CSS プロパティとは
トピック：カラーCSSプロパティは、要素のテキストコンテンツの色を設定することができる
プロパティ color
実例 コード 1
さまざまな要素のテキストカラーを設定する サンプル コードを試すbody {
color: red;
}
h1 {
color: #00ff00;
}
p.webref {
color: rgb(0,0,255);
}
プロパティ 定義と使用法
| デフォルト値・初期値 : | ブラウザによって異なる |
|---|
| 適用対象 : | 全要素.::first-letter and ::first-line. |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 半透明の値なら、計算値はそれに対応する rgba()。さもなくばその値に対応する rgb()。transparent キーワードは rgba(0,0,0,0) にマップされます。 |
|---|
CSS Version | CSS1 ～ |
|---|
| Animation type : | color |
|---|
| JavaScript 構文 | object.style.color="#0000FF" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | color: color |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
color | テキストの色を指定する 可能なカラー値の完全なリストについては、「CSSカラー値」を参照 。 |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
HTMLコード：例
サンプル コードを試すbody {
color: #0000ff;
}
/* テキストの色を16進数で設定します */
情報：テキストの色を16進数で設定します- このテキストの色
color: #0000ff;
サポートするブラウザ対応・互換性
プロパティ値
| Property | Chrome | Edge | Firefox | Safari | Opera |
|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
color-properties
CSS color | CSS プロパティ 値| 意味 使い方 実例 – WebRef