Свойство backgroundColor
Пример style.backgroundColor
Установите цвет фона для документа:
document.body.style.backgroundColor = "red";
Попробуйте сами »
Ещё примеры ниже.
Описание backgroundColor
Свойство backgroundColor задает или возвращает цвет фона элемента.
Похожи на backgroundColor
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS Справочник: Свойство background-color
Синтаксис backgroundColor
Вернуть свойство backgroundColor:
object.style.backgroundColor
Установите свойство backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
Значение свойства backgroundColor
| Значение | Описание |
|---|---|
| color | Задает цвет фона. Полный список возможных значений цвета см. в разделе CSS Значение цвета |
| transparent | По умолчанию. Цвет фона прозрачный (нижележащее содержимое будет просвечивать) |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundColor
| Значение по умолчанию: | transparent |
|---|---|
| Возвращаемое значение: | Строка, представляющая цвет фона. |
| CSS Версия | CSS1 |
Поддержка backgroundColor
style.backgroundColor является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры backgroundColor
Установите цвет фона определенного элемента <div>:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
Попробуйте сами »
Вернуть свойство цвета фона определенного элемента <div>:
let color = document.getElementById("myDiv").style.backgroundColor;
Попробуйте сами »
Вернуть свойство цвета фона документа:
let color = document.body.style.backgroundColor;
Попробуйте сами »