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 | 背景画像を表示するサイズ(大きさ)を指定する |