CSS-свойство background-color

CSS-свойство background-color устанавливает цвет фона элемента. Вы можете установить цвет фона с помощью значения цвета или прозрачного ключевого слова (red, green, blue).

Размер background включает отступы (padding) и границы (border), но не margin. Подробнее см. Руководство по CSS Box Model.

Значение по умолчанию:	`transparent`
Применяется к:	Все элементы
Наследование:	Нет
Анимирование:	Да. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

background-color: color | transparent | initial | inherit

Примеры написания кода свойства background-color:

body {
    background-color: yellow;
}
h1 {
    background-color: rgb(255,0,0);
}
p {
    background-color: #00ff00;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
color	Определяет цвет фона. Список возможных форматов цвета см. в руководстве по CSS Color.
`transparent`	Устанавливает `background-color` на прозрачный, т. е. фон этого элемента будет равен фону за ним. Это свойство установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение его свойства родительского элемента `background-color`.