CSS テキスト

TEXT FORMATTING

テキストフォーマット

このテキストは、いくつかのテキストフォーマットプロパティでスタイル化されています。ヘッディングは text-align、text-transform、および color プロパティを使用しています。パラグラフはインデントされ、アライメントされ、文字間のスペースが指定されています。この色の "Try it Yourself" リンク.

このテキストは、いくつかのテキストフォーマット属性を使用してスタイルを設定しています。見出しは text-align、text-transform、および color 属性を使用しています。段落はインデントされ、アライメントされ、文字間のスペースが指定されています。この色の「自分で試してみる」リンクから下線が削除されました。

自分で試してみる

テキスト色

color 属性はテキストの色を設定するために使用されます。色は以下の値で指定されます：

  • 色名 - 例えば "red"
  • 十六進数値 - 例えば "#ff0000"
  • RGB 値 - 例えば "rgb(255,0,0)"

表示 CSS カラーバリュー、完全な色値リストを取得するために使用してください。

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

例

body {
  color: blue;
}
h1 {
  color: green;
}

自分で試してみる

ヒント：W3C に準拠する CSS：以下を定義している場合 color 属性が定義されている場合、以下も定義する必要があります background-color 属性。

テキストの色と背景色

この例では、以下を定義しました background-color 属性および color 属性：

例

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

自分で試してみる