Свойство стиля backgroundColor
Пример
Установите цвет фона для документа:
document.body.style.backgroundColor = "red";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство backgroundColor задает или возвращает цвет фона элемента.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
| Property | |||||
|---|---|---|---|---|---|
| backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Вернуть свойство backgroundColor:
object.style.backgroundColor
Установите свойство backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
Значения свойств
| Value | Description |
|---|---|
| color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values |
| transparent | Default. The background color is transparent (underlying content will shine through) |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about 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
Справочник по HTML DOM: свойство background