colorプロパティの説明
CSSのcolor
プロパティは、文字の色やテキストの装飾に関わる前景色を指定します。ここで指定された値は、currentcolor
の色として採用されます。例えば、他のプロパティの色の既定値がcurrentcolor
だった場合に、その値を省略すると文字と同じ色で表示されます。
文字色を変更する場合は、文字の視認性が下がらないように、背景色とのコントラストに配慮しましょう。
colorに指定できる値
<color>
- CSSで使用できる色を表すデータ型の値です。使用できる形式は、キーワード、16進数、RBG値、HSL値などがあります。
colorの使い方とサンプルコード
color
プロパティの構文は以下の通りです。
colorの実例
それでは実際にcolor
プロパティの書き方を見ていきましょう。文字の色は子要素にも継承するので、一部の文字色だけを変更したい場合は、個別に範囲を定めましょう。