УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

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


CSS Справочник Полный CSS Справочник

Пример

Установить цвет фона различных элементов:

body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}

Попробуйте сами »

Еще примеры внизу этой страницы.

Определение и Использование

Свойство background-color устанавливает цвет фона элемента.

Фон элемента распространяется на полный размер элемента, включая отступы и границу (но не поля).

Значение по умолчанию: transparent
Наследуется: нет
Версия: CSS1
JavaScript синтаксис: объект.style.backgroundColor="#00FF00"


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

Internet Explorer Firefox Opera Google Chrome Safari

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

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявление !DOCTYPE. IE9 поддерживает "inherit".


Советы и Замечания

Совет: Используйте цвет фона и цвет текста такие, чтобы этот текст было легко читать.


Значения Свойства

Значение Описание
цвет Указывает цвет фона. Смотрите полный список возможных значений цвета в Справочнике Допустимых Значений Цветов CSS.
transparent Указывает, что цвет фона должен быть прозрачным. Это значение по умолчанию
inherit Указывает, что цвет фона должен наследоваться от родительского элемента


Примеры

Попробуйте сами - Примеры

Установка цвета фона части текста
Этот пример демонстрирует, как указать свойство background-color только для фрагмента текста.


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

CSS уроки: CSS Фон


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS