СSS Свойство background-color
Определение и использование
Свойство background-color задает цвет фона элемента.
Фон элемента - это общий размер элемента, включая отступ и границу (но не поля).
Совет: Используйте цвет фона и цвет текста, который делает текст легко читаемым.
| Значение по умолчанию: | transparent |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Редактор кода |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.backgroundColor="#00FF00" Редактор кода |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
background-color: color|transparent|initial|inherit;
Значение Свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| color | Задает цвет фона. Смотреть CSS Значение цвета для получения полного списка возможных значений цвета. | Воспроизвести » |
| transparent | Указывает, что цвет фона должен быть прозрачным. | Воспроизвести » |
| initial | Задает этому свойству значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Укажите цвет фона со значением RGB:
body {background-color: rgb(201, 76, 76);}
Редактор кода »
Пример
Укажите цвет фона со значением RGBA:
body {background-color: rgba(201, 76, 76, 0.3);}
Редактор кода »
Пример
Укажите цвет фона со значением HSL:
body {background-color: hsl(89, 43%, 51%);}
Редактор кода »
Пример
Укажите цвет фона со значением HSLA:
body {background-color: hsla(89, 43%, 51%, 0.3);}
Редактор кода »
Пример
Установите цвета фона для различных элементов:
body {
background-color: #fefbd8;
}
h1 {
background-color: #80ced6;
}
div {
background-color: #d5f4e6;
}
span {
background-color: #f18973;
}
Редактор кода »
Связанные страницы
CSS учебник: CSS Background
HTML DOM справочник: Свойство backgroundColor
