CSS テキスト

CSSにはテキストをフォーマットするための多くのプロパティがあります。

テキストの色

colorプロパティはテキストの色を設定します。色は以下のように指定されます：

• 色の名前 – 例: “red”
• HEX値 – 例: “#ff0000”
• RGB値 – 例: “rgb(255,0,0)”

可能な色の値の完全なリストについては、CSS Color Valuesを参照してください。

ページのデフォルトのテキスト色は、bodyセレクタで定義されます。

例

>body {
  color: blue;
}

>h1 {
  color: green;
}

テキストの色と背景色

次の例では、background-colorプロパティとcolorプロパティの両方を定義します：

例

>body {
  background-color: lightgrey;
  color: blue;
}

>h1 {
  background-color: black;
  color: white;
}

>div {
  background-color: blue;
  color: white;
}

重要：視覚障害を持つ人々にとって、高いコントラストは非常に重要です。そのため、テキストの色と背景色（または背景画像）の間のコントラストが良好であることを常に確認してください！

CSS テキスト色プロパティ

プロパティ	説明
color	テキストの色を指定します