background-color CSS プロパティとは
トピック：要素の背景色を設定する、事ができる バックグラウンドの色は、色の値または透明なキーワードのいずれかを使用して設定できる
プロパティ background-color
実例 コード 1
サンプル コードを試すbody { background-color: yellow;}h1 { background-color: rgb(255,0,0);}p { background-color: #00ff00;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | transparent |
|---|
| 適用対象 : | 全要素.::first-letter and ::first-line. |
|---|
| 継承 : | 不可 |
|---|
| メディア : | visual |
|---|
| 計算値 : | computed color |
|---|
CSS Version | CSS1 |
|---|
| Animation type : | color |
|---|
| JavaScript 構文 | object.style.backgroundColor="#00FF00" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | background-color: color |transparent |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
color | 背景色を指定する 可能なカラー値のリストについては、「CSSカラー値」を参照 |
transparent | background-color透明に設定する つまり、透明な背景を持つ要素の背後にある要素のコンテンツと背景が透けて見える これはデフォルトです。 |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Firefox | Chrome | Internet Explorer | Opera | Safari (WebKit) |
|---|
| 基本サポート | 1.0 (1.7 or earlier) | 1.0 | 4.0 [1] | 3.5 | 1.0 (85) |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Firefox Mobile | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|
| 基本サポート | 1.0 (1.9.2) | サポート◯ | サポート◯ | サポート◯ | サポート◯ |
|---|
CSS background-color | CSS プロパティ 値| 意味 使い方 実例 – WebRef