свойство background-color

Свойство background-color определяет фоновый цвет элемента. Область, закрашеваемая фоновым цветом включает в себя внутренние отступы (padding) и содержание блока, цвет рамки блока задется свойствами (border), а внешние отсутпы (margin) блока всегда прозрачные. Цвет фона не наследуются, но фон родительского элемента будет виден, поскольку, по умолчанию, фон элемента прозрачный. Цвет может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3, либо значением inherit. Если задано фоновое изображение, то фоновым цветом заливается либо прозрачные участки фонового изображения, либо области, где фоновое изображение не отображается, то есть фоновый цвет (background-color) находится ниже фонового изображения (background-image), или изображений, если их несколько (CSS 3).

Пример использования:

CSS 2.1

.elementBackgroundColorByName {
    background-color: green;
}

.elementBackgroundColorByCode {
    background-color: #00FF00;
}

.elementBackgroundColorByCode {
    background-color: #0C0;
}

.elementBackgroundColorByRGB {
    background-color: rgb(0,128,0);
}

.elementBackgroundColorByRGB {
    background-color: rgb(0%,33%,0%);
}

.elementBackgroundColorTransparent {
    background-color: transparent;
}

CSS 3

.elementBackgroundColorByHSL {
    background-color: hsl(120, 100%, 25%);
}

.elementBackgroundColorByHSLa {
    background-color: hsla(120, 100%, 25%, 0.5);
}

.elementBackgroundColorByRGBa {
    background-color: rgba(0,255,0,1.0);
}

.elementBackgroundColorByRGBa {
    background-color: rgba(0,255,0,0.5);
}

Свойство background-color относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение transparent. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

• color - цвет
• background - Свойства фона элемента
• background-image - Фоновое изображение
• background-repeat - Способ повторения фонового изображения
• background-attachment - Поведение фонового изображения при прокрутке
• background-position -
• background-clip - Границы заполнения фоновым изображением внутри элемента
• background-origin - Границы позиционирования фонового изображения внутри элемента
• background-size - Размер фонового изображения, или его масштаб относительно элемента-контейнера.

• Спецификация стандарта CSS 2.1
• Спецификация стандарта CSS 3
• Описание на Mozilla Developer Network
• Описание на Microsoft Developer Network
• Описание на Safari Developer Library