CSS3

：

プロパティ

：

color

　 編集：2022.07.14 by T.A.

→●、mdn

前景色。

名前 color
値 <color>
初期値 CanvasText
適用対象 すべての要素／テキスト
継承 される
百分率 受容しない
算出値 算出色
正準的順序 文法に従う
アニメーション型 算出値の型による

このプロパティは、要素のテキスト内容の前景を埋める色を述べる。加えて、currentcolor が解決される値も供する。

所与の色を指定する仕方には、いくつかの構文が用意されている。

<color> ○ 
開始<SPAN style="color:red">■テスト</SPAN>終了


開始<SPAN style="color:#f008">■テスト</SPAN>終了


開始<SPAN style="color:#f334348a">■テスト</SPAN>終了


開始<SPAN style="color:ActiveText">■テスト</SPAN>終了


開始<SPAN style="color:rgb(255 0 0)">■テスト</SPAN>終了


開始<SPAN style="color:rgb(255 0 0 /0.5)">■テスト</SPAN>終了


開始<SPAN style="color:rgb(255, 0, 0, 0.5)">■テスト</SPAN>終了


開始<SPAN style="color:hsl(30deg 20% 50% /50%)">■テスト</SPAN>終了

例えば、sRGB 色 lime green を指定するには以下のような方法がある： 
em { color: lime; }             /* 色キーワードで指定する */
em { color: rgb(0 255 0); }     /* RGB 範囲 0 〜 255 で指定する */
em { color: rgb(0% 100% 0%); }  /* RGB 範囲 0% 〜 100% で指定する */
em { color: color(sRGB 0 1 0); } /* sRGB 範囲 0.0 〜 1.0 で指定する */
注記： 一般に、このプロパティは、その alpha 成分も含め、“色付きグリフ”に対する効果はない ― 組み込みのパレットにより色が与えられている、一部のフォント内の絵文字など。一部の有色フォントは、前景色を参照できる ― OpenType の COLR table 内のパレットエントリ 0xFFFF や、SVG-in-OpenType 内の context-fill 値など【参照： SVG の <paint> 型】。その事例では、前景色はこのプロパティにより設定され、currentcolor 値と同じに働く。
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：