background-color - 背景色を指定する
- 対応ブラウザ
-
| 適用対象 | 全ての要素 |
| 継承 | しない |
background-colorプロパティは、要素に対して背景色に関する指定を行う際に使用します。背景色を指定する際は文字が見づらくならないように、文字色の指定もセットで行いましょう。
background-colorに与えられる値
- background-color: 色キーワード;
- red, blueなどの色キーワードで指定します。
- background-color: RGB値;
- #FF0000などの16進数で指定します。
background-colorの使用サンプル
CSS
.bg_sample {
color: #FFFFFF;
background-color: #FF9900;
padding: 5px;
}
XHTML
<div class="bg_sample">表示サンプル</div>
表示確認
表示サンプル
background-colorに関連するCSSプロパティ
| 背景（バックグラウンド） | |
|---|---|
| background | 背景に関する指定をまとめて行う |
| background-attachment | 背景画像の固定・移動を指定する |
| background-break | インライン要素の背景画像の繰り返し方法を指定する |
| background-clip | 背景の描画範囲を指定する |
| background-color | 背景色を指定する |
| background-image | 背景画像を指定する |
| background-origin | 背景の描画する際の基準となるボックスを指定する |
| background-position | 背景画像の表示開始位置を指定する |
| background-repeat | 背景画像の繰り返しを指定する |
| background-size | 背景画像を表示するサイズ（大きさ）を指定する |