CSS background-color 属性

定義と使用法

background-color 属性は要素の背景色を設定します。

要素の背景範囲

background-color 属性を使用して、要素に純色を設定します。この色は、要素の内容、インラインパディング、およびボーダーゾーンを充填し、要素のボーダーの外側にまで拡張します（マージンは含まれません）。ボーダーに透明部分がある場合（例えば点線ボーダー）、これらの透明部分を通して背景色が見えます。

transparent 値

多くの場合、この transparentただし、特定の要素に背景色を設定したくない場合、またはユーザーのブラウザの色設定がデザインに影響を与えないようにする場合は、 transparent 値は必要ですが。

また、参照してください：

CSS 教程：CSS 背景

HTML DOM リファレンスマニュアル：backgroundColor 属性

例

異なる要素に背景色を設定します：

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

自分で試してみてください

CSS 言語

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

属性値

値 説明
color_name 色名の色値（例えば red）の背景色を指定します。
hex_number 十六進値の色値（例えば #ff0000）の背景色を指定します。
rgb_number rgb 代码の色値（例えば rgb(255,0,0)）の背景色を指定します。
transparent デフォルト。背景色は透明です。
inherit 親要素から background-color 属性の設定を継承すべきであることを指定します。

技術的詳細

デフォルト値： transparent
継承性： no
バージョン： CSS1
JavaScript 言語： object.style.backgroundColor="#00FF00"

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome Edge Firefox Safari オペラ
Chrome IE / Edge Firefox Safari オペラ
1.0 4.0 1.0 1.0 3.5