Свойство 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:

объект.style.backgroundColor

Установка свойства backgroundColor:

объект.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
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка