CSSでの色は何を意味しますか

CSS の color 属性は、テキストの色を設定するために使用されます。色名、16 進数値、RGB 値、または RGBA 値を指定できます。 color 属性が親要素と子要素の両方に設定されている場合、子要素の属性が親要素の属性をオーバーライドします。 color 属性は、inherit (親要素の値を継承)、initial (ブラウザーのデフォルト値を使用)、unset (設定値の削除) などの高度な使用法もサポートしています。

CSSのcolor属性

color属性の役割

color属性は、HTML要素のテキストの色を設定するために使用されます。

属性値

color 属性の値は、次のタイプのいずれかになります:

• 色の名前: たとえば、赤、青、緑など。
• 16 進値: たとえば、#FF0000 (赤)、#00FF00 (緑)、#0000FF (青)。
• RGB 値: たとえば、rgb(255, 0, 0) (赤)、rgb(0, 255, 0) (緑)、rgb(0, 0, 255) (青)。
• RGBA 値: RGB 値と似ていますが、透明度の値が追加されています。たとえば、rgba(255, 0, 0, 0.5) は半透明の赤を表します。

構文

color 属性の構文は次のとおりです:

<code>color: <color-value>;</code>

たとえば、段落テキストを赤に設定します:

<code>p {
  color: red;
}</code>

Cascade

親要素と子要素の両方にcolor 属性を設定すると、子要素の color 属性が親要素の属性をオーバーライドします。例:

<code>p {
  color: blue;
}

p span {
  color: red;
}</code>

この場合、span 要素のテキストは青ではなく赤で表示されます。

高度な使用法

color 属性は次の値も受け入れることができます:

• inherit: 親要素から色の値を継承します。
• 初期: ブラウザのデフォルトのカラー値を使用します。
• 未設定: 以前に設定された色の値を削除します。

注:

color プロパティはテキストの色にのみ影響し、背景色や境界線の色などの他の要素のプロパティには影響しません。

以上がCSSでの色は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。