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.

Поддержка браузеров

Свойство background-color поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.