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) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 支持