Style backgroundColor 属性

定義と使用方法

backgroundColor 属性設定または要素の背景色の返却。

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

HTML スタイル：background 属性

CSS チュートリアル：CSS 背景

CSS リファレンスマニュアル：background-color 属性

例

例 1

ドキュメントの背景色を設定します：

document.body.style.backgroundColor = "red";

実際に試してみてください

例 2

特定の <div> 要素の背景色を設定します：

document.getElementById("myDiv").style.backgroundColor = "lightblue";

実際に試してみてください

例 3

特定の <div> 要素の背景色を返します：

alert(document.getElementById("myDiv").style.backgroundColor);

実際に試してみてください

例 4

ドキュメントの背景色を返します：

alert(document.body.style.backgroundColor);

実際に試してみてください

文法

backgroundColor 属性を返します：

object.style.backgroundColor

backgroundColor 属性を設定します：

object.style.backgroundColor = "color|transparent|initial|inherit"

属性値

値 説明
color

背景色を指定します。

以下を確認してください CSS 色値、色の完全なリストを取得するために参照してください。
transparent デフォルト。背景色は透明です（下層の内容が透けて見えます）。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： transparent
返り値： 背景色を表す文字列です。
CSS バージョン： CSS1

ブラウザのサポート

backgroundColor CSS1 (1996) の機能です。

すべてのブラウザは完全にサポートしています：

クローム エッジ ファイアフォックス サファリ オペラ IE
クローム エッジ ファイアフォックス サファリ オペラ IE
サポート サポート サポート サポート サポート サポート