Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Цвет и фон : background-color

Материал из Справочник Web-языков.

Содержание

1 Атрибут background-color | Свойство backgroundColor
2 Синтаксис
3 Возможные значения
4 Замечания
5 Примеры
6 Стандарты
7 Поддерживаемые браузеры
8 Ссылки на источники

[править] Атрибут background-color | Свойство backgroundColor

Это свойство задает фоновый цвет объекта.

[править] Синтаксис

HTML	{ background-color : sColor }
Скрипты	[ sColor = ] object.style.backgroundColor

[править] Возможные значения

sColor: Строка или Число, которые могут определять и принимать одно из следующих значений:

transparent	Значение по умолчанию. У элемента нет фонового цвета. Но из-за того, что он прозрачный (transparent), фоновым цветом объекта становится цвет его родительского элемента. Хотя данное свойство и не наследуется.
color	Любое значение цвета, включая описанные в таблице Коды и названия цветов в HTML.

Значением по умолчанию является transparent. Свойство не наследуется.

[править] Замечания

Значение этого свойства можно задать в составном свойстве (background).

[править] Примеры

Следующие примеры иллюстрируют применение свойства backgroundColor и атрибута background-color. В обоих примерах они принимают значение lime.

<span style="font-size: 14px; background-color: lime">
The background color of the text has been set inline using the <b>background-color</b> attribute.</span>

Во втором примере фоновый цвет изначально имеет цвет lime. При клике на страничке, он сменится на orange. И затем при двойном клике опять станет lime.

<span style="font-size: 14px" onmouseover="this.style.backgroundColor='lime'" 
onclick="this.style.backgroundColor='orange'" ondblclick="this.style.backgroundColor=''">
Run your mouse over this text to change the background color to lime. 
Click to turn orange. Double-click to return to the default color. </span>