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

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да 4.0+ Да Да Да

Краткая информация

Значение по умолчанию transparent
Наследуется Нет
Применяется К блочным элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.backgroundColor = 'red';
в данном случае элементу с id='idElement' будет добавлен стиль
background-color:red;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-color:red;">...</div>
Реализация в jQuery
$('#idElement').css('background-color','red');
в данном случае элементу с id='idElement' будет добавлен стиль
background-color:red;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-color:red;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает цвет фона у элементов, в качестве цвета может принимать любое допустимое в CSS цветовое значения.

Синтаксис

background-color: значение | transparent | inherit;

Например:

... background-color: 20px; ...

Значения

значение

Допустимые CSS стандартом формат цвета (HEX, RGB, HSL или Ключевое слово).

inherit Наследует значение родителя.
transparent

Браузер самостоятельно рассчитывает высоту элемента исходя из его содержимого.

Пример

background-color:red;
background-color:rgba(30, 87, 153,0.9);
background-color:#009a1b;
background-color:hsl(277, 76%, 49%);

Результат

В этом блоке показан пример использования свойства background-color:red;.