К сожалению, значение «inherit» недоступно в Internet Explorer 7 и даже в более ранних версиях.
Свойство background-color окрашивает фон любого элемента – от самого миниатюрного до крупного блока. Оно охватывает внутренние отступы и границы, но не затрагивает внешние маргины.
Важно помнить: по умолчанию фон не наследуется от родителя; однако благодаря прозрачности дочерних элементов они словно впитывают часть фона своего предка.
Вы можете задать цвет разными способами – имя, шестнадцатеричный код или синтаксис RGB. Ниже приведён пример, демонстрирующий все варианты. Полный список названий цветов и их коды можно посмотреть в справке.
Примечание: если применить свойство background-color к тегу <html>, он окрасит всё окно браузера, словно живое полотно. Если же задать фон только для <body>, то раскраска охватит лишь ту область, где есть контент.
Совет: вместо скучного однотонного цвета используйте яркое фоновое изображение – просто добавьте свойство background-image. Не забудьте про свойство background-size, которое определяет, как будет растягиваться картинка внутри элемента.
| Стандартное значение: | transparent |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.backgroundColor="#00FF00" |
Синтаксис и значения свойства
background-color: цвет|transparent|inherit;
| Значение | Описание |
| цвет | Устанавливает цвет фона. |
| transparent | Указывает, что фон будет прозрачным. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример