CSS background-color プロパティ

いろいろな要素の背景色を設定します：

body {
    background-color: yellow;
}

h1 {
    background-color: #00ff00;
}

p {
    background-color: rgb(255,0,255);
}

他の "Try it Yourself" 例が下にあります。

定義と用法

background-color プロパティは、要素の背景色を設定します。

要素の背景は、パディングとボーダーを含む要素の合計サイズです(マージンは含みません)。

チップ: テキストが読み易くなるような、背景色とテキスト色を使用してください。

デフォルト値：	transparent
継承：	継承する
アニメーション可否：	可。animatable を参照 Try it
バージョン：	CSS1
JavaScript 構文：	object.style.backgroundColor="#00FF00" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
background-color	1.0	4.0	1.0	1.0	3.5

background-color: color|transparent|initial|inherit;

値	説明	Play it
color	背景色を指定します。指定可能な色値の完全なリストについては、 CSSの色値を参照してください。	Play it ❯
transparent	背景色を透明に指定します。これがデフォルトです	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照

テキストの一部分の背景色を設定します：

span.highlight {
background-color: yellow;
}