備忘録的プログラミングリファレンス

background-colorプロパティ

 background-colorプロパティは、エレメントの背景色を指定するプロパティです。
 背景色の範囲は、borderやpaddingの領域も含めた領域になります。

背景色をグレイで(Exampleを参照
background-color: #f0f0f0;

関連プロパティ

 以下は関連するプロパティです。

プロパティ概要
backgroundバックグランドプロパティの一括指定
background-attachmentスクロールによるバックグランドの表示位置
background-blend-mode複数の背景画像や配色を混ぜ合わせる
background-clipborder、paddingを領域に含めるか
background-image画像の挿入
background-origin繰り返し表示を開始する位置
background-position画像の配置位置
background-repeat画像の繰り返し(デフォルトは繰り返し)
background-size画像のサイズ
linear-gradient線形グラデーション
radial-gradient円形グラデーション

構文(Syntax)

CSS

background-color: transparent | color;

DOM(JavaScript)

値の取得
String=object.style.backgroundColor
値の設定
object.style.backgroundColor="_value_"

値(Values)

Value摘要
transparent初期値(default value)。
colorCSS Colorを参照。
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

初期値(Default value)transparent
継承(Inherited)no
変化(Animatable)yes

Example

 background-colorの表示例です。エレメントの背景色を指定することができます。
 padding、borderの範囲までが背景色として表示されます。marginの範囲は背景色や背景画像が表示されない特性があります。