【基本】CSSでの基本的なテキストの設定について解説
CSSには、テキストをフォーマットするための多くのプロパティがあります。
テキストの書式設定
このテキストは、いくつかのテキスト書式設定プロパティを使用してスタイル設定されます。見出しでは、text-align、text-transform、およびcolorプロパティを使用します。段落はインデントされ、整列され、文字間のスペースが指定されます。この色付きの「自分でやってみる」リンクから下線が削除されます。
テキストの色
colorプロパティは、テキストの色を設定するために使用されます。色は次のように指定されます。
- 色の名前 - 「赤」など
- HEX値 - 「#ff0000」など
- RGB値 - 「rgb(255,0,0)」など
可能な色の値の完全なリストについては、CSSカラー値を参照してください。
ページのデフォルトのテキストの色は、本文セレクターで定義されます。
テキストの色と背景色
この例では、background-colorプロパティとcolorプロパティの両方を定義します。
例
body {
background-color: lightgrey;
color: blue;
}
h1 {
background-color: black;
color: white;
}
div {
background-color: blue;
color: white;
}
重要：高コントラストは、視力に問題のある人にとって非常に重要です。そのため、テキストの色と背景色(または背景画像)のコントラストが適切であることを常に確認してください。
CSSテキストのカラープロパティ
|
プロパティ |
説明 |
|---|---|
| color | テキストの色を指定します |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。