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

смотрим также

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

Перейти к: навигация, поиск


Содержание

Атрибут 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>

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

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

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms530716(VS.85).aspx

https://developer.mozilla.org/en/CSS/background-color

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования