プロパティ color
プロパティ color はテキストの色を
設定します。プロパティの値には任意の 色の単位が使用できます。
デフォルト値は通常、黒色です。
構文
セレクタ {
color: 色;
}
例
要素に赤色を設定してみましょう:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
color: red;
}
:
例
プロパティ color はテキストだけでなく、
リストのマーカーの色も設定します:
<ul>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
</ul>
li {
color: red;
}
:
例
プロパティ color はまた、境界線の色も設定します
(border-color で設定されていない場合):
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
color: red;
border-style: solid;
border-width: 2px;
}
:
