background-color プロパティ
background-color プロパティは、エレメントの背景色を指定するプロパティです。
色は CSS Color
を参照してください。
背景の範囲は、border や padding の領域も含めた領域になります。
background-color: #f0f0f0;
ページ内 Index
構文(Syntax)
CSS
background-color: transparent | color;
DOM ( JavaScript )
String=object.style.backgroundColor
object.style.backgroundColor="_value_"
値（Values）
| Value | 摘要 |
|---|---|
| transparent | 初期値（default value）。 |
| color | CSS Colorを参照。 |
| initial | 初期値に戻す。 |
| inherit | 親エレメントのプロパティを継承。 |
備考（Remarks）
| 初期値（Default value） | transparent |
| 継承（Inherited） | no |
| 変化（Animatable） | yes |
Example
background-colorの表示例です。エレメントの背景色を指定することができます。
padding、borderの範囲までが背景色として表示されます。marginの範囲は背景色や背景画像が表示されない特性があります。
関連プロパティ
以下は関連するプロパティです。
| プロパティ | 概要 |
|---|---|
| background | バックグランドプロパティの一括指定 |
| background-attachment | スクロールによるバックグランドの表示位置 |
| background-blend-mode | 複数の背景画像や配色を混ぜ合わせる |
| background-clip | border、paddingを領域に含めるか |
| background-image | 画像の挿入 |
| background-origin | 繰り返し表示を開始する位置 |
| background-position | 画像の配置位置 |
| background-repeat | 画像の繰り返し（デフォルトは繰り返し） |
| background-size | 画像のサイズ |
| linear-gradient | 線形グラデーション |
| radial-gradient | 円形グラデーション |