最新のWeb開発のチュートリアル
 

Style backgroundColor Property

<スタイルオブジェクト

文書の背景色を設定します。

document.body.style.backgroundColor = "red";
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

backgroundColorプロパティセットまたは要素の背景色を返します。


ブラウザのサポート

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

プロパティ
backgroundColor 1.0 4.0 1.0 1.0 3.5

構文

backgroundColorプロパティを返します:

object .style.backgroundColor

backgroundColorプロパティを設定します。

object .style.backgroundColor=" プロパティ値
説明
color 背景色を指定します。 見CSSカラー値の可能な色の値の完全なリストについては、
transparent デフォルト。 背景色は透明です(underlying content will shine through)
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: トランスペアレント
戻り値: 背景色を表す文字列、
CSSのバージョン CSS1

その他の例

特定の背景色を設定<div>要素を:

document.getElementById("myDiv").style.backgroundColor = "lightblue";
»それを自分で試してみてください

特定の背景色戻り<div>要素を:

alert(document.getElementById("myDiv").style.backgroundColor);
»それを自分で試してみてください

文書の背景色を返します:

alert(document.body.style.backgroundColor);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSの背景

CSSリファレンス: background-color property

HTML DOMリファレンス: background property


<スタイルオブジェクト