プロパティ color

プロパティ color はテキストの色を 設定します。プロパティの値には任意の 色の単位が使用できます。 デフォルト値は通常、黒色です。

構文

cssセレクタ {
  color: 色;
}

例

要素に赤色を設定してみましょう:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
}

Результат:

例

プロパティ color はテキストだけでなく、 リストのマーカーの色も設定します:

html<ul>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
</ul>

cssli {
  color: red;
}

Результат:

例

プロパティ color はまた、境界線の色も設定します (border-color で設定されていない場合):

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  color: red;
  border-style: solid;
  border-width: 2px;
}

Результат: