Значение "inherit" не поддерживается в IE7 и более ранних версиях.
Свойство background-color устанавливает цвет фона для элемента. Фон элемента охватывает общий размер элемента, включая внутренние отступы и границы (не распространяясь на внешний отступ - ).
Обратите внимание, что по умолчанию фон не наследуется от родительского элемента, однако дочерние элементы, благодаря прозрачности своего фона (задано по умолчанию), будут содержать часть фона родительского элемента.
Цвет фона можно установить различными способами, к примеру: указать имя цвета, использовать шестнадцатеричные значения или с помощью синтаксиса RGB, как именно это сделать, вы можете увидеть в примере ниже, где показано применение различных способов задания цвета фона. Все доступные названия цветов, их шестнадцатеричные значения и визуальное отображение оттенка вы можете посмотреть в .
Примечание: если добавить свойство background-color к тегу , цвет заполнит все окно браузера. Однако если так же добавить цвет фона для тега , то фон элемента body будет заполнять только область с содержимым, если оно есть.
Совет: вместо монотонного цвета, в качестве фона, можно использовать любое изображение, для этого стоит воспользоваться свойством . Так же стоит обратить внимание на свойство , используемое для определения области в элементе, на которую будет распространяться фон.
| Значение по умолчанию: |
transparent |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.backgroundColor="#00FF00" |
Синтаксис и значения свойства
background-color: цвет|transparent|inherit;
| Значение |
Описание |
| цвет |
Устанавливает цвет фона. |
| transparent |
Указывает, что фон будет прозрачным. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример