W3G

Updated 2013.10.27 / Published 2007.02.02

background-colorプロパティは要素に背景色を設定します。値にはRGB値やカラーネームなどで色を指定します。また、色の他にも背景色を透過させる "transparent" のキーワードが指定でき、親要素に背景色が指定されている場合は、その背景色が透けて見えることになります。

値

• <色>
• transparent
• inherit

初期値

transparent

適用対象

すべての要素

継承

しない

メディア

visual

背景色や背景画像などの背景が反映される領域を背景領域と呼び、ボーダー領域（内容領域+パディング+ボーダー）までが背景領域となります。ただし、ボーダー領域は背景の上から重ねて描かれるので背景が反映されるのはボーダーの色が透明や二重線、破線といった透ける場合に限られます。また例外もあり、ルート部の要素では（スクロール分も含めた）表示域全体が背景の描画対象となることと、border-collapseプロパティによる表の表示モデルによっても分離ボーダーモデル（border-collapse : separate ;）のセルの背景領域は通常どおりボーダー（枠線）の領域まで（内容領域+パディング+ボーダー）ですが、結合ボーダーモデル（border-collapse : collapse ;）のセルの背景領域はパディング領域まで（内容領域+パディング）になります。

.heading {
color : white ;
background-color : navy ;
border : 3px ridge silver;
text-align : center ; 
}