English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-color属性は、要素の背景色を設定します。色値やキーワード「transparent」を使用して背景色を設定できます。
要素の背景は、要素の全サイズ(充填と枠線を含むが、マージンを除く)です。参照してください。ボックスモデル。
以下のテーブルは、この属性の使用状況とバージョン履歴をまとめています。
デフォルト値: | transparent |
---|---|
適用範囲: | すべての要素 |
継承: | ありません |
アニメーション可能: | は。参照してください。 アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript文法: | object object.style.backgroundColor="#00FF00" |
この属性の文法は以下の通りです:
background-color: color | transparent | initial | inherit
以下の例では、backgroundを使用する方法を示しています。-color属性。
body { background-color: yellow;} h1 {background-color: rgb(255,0,0);} p {background-color: #00ff00;}テストしてみる‹/›
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
color | 背景色を指定します。以下を参照してください。CSS色値可能な色値リストを取得するために使用します。 |
transparent | backgroundを設定する-colorが透明、つまり透明な背景の要素の内容と背景が見えます。これはデフォルト値です。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定されている場合、関連する要素は親要素のbackgroundを使用します。-color属性の計算値。 |
background-color属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS背景、CSS3背景。
関連属性:background、background-attachment、background-clip、background-image、background-origin、background-position、background-repeat、background-size。