English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS基本教程

CSS 盒子モデル

CSS3基本教程

CSS リファレンスマニュアル

CSS @ルール(RULES)

CSS カラー(色)

CSS color属性は要素の前景色を定義します。

色属性を設定する

このcolor属性は通常、要素のテキスト内容の色を定義します。

例えば、セレクタcolor指定された属性bodyページ全体のデフォルトのテキスト色を定義します(通常は前景色です)。

body {color: #000000;}
テストしてみる‹/›

CSSでの色は以下の方法で指定されます:

  • 十六進値-例えば「#ff0000」

  • RGB値-例えば「rgb(255、0、0)

  • 色名-例えば「赤色」

CSS color nameを確認して、可能な色名の完全なリストを取得します。

色属性がボーダーや輪郭に与える影響

このcolor属性はテキスト内容だけでなく、フロントエンドで色値を使用するすべての内容に使用されます。例えば、要素に明確に定義されていない場合border-colorまたはoutline-color値が指定されていない場合、色値が使用されます。

p.one {
    color: #0000ff;
    border: 2px 固定;
    }
p.two {
    color: #00ff00;
    outline: 2px 固定;
    }
テストしてみる‹/›

注意:このcolor属性は通常、親要素から色値を継承します。アンカー要素を除く。