English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут CSS background-color устанавливает цвет фона элемента. Вы можете установить цвет фона с помощью значения цвета или ключевого слова «transparent».
Фон элемента включает в себя общие размеры элемента, включая заполнение и рамку (но не включая отступы). См.Модель коробки.
Ниже приведена таблица, резюмирующая контекст использования и историю версий этого свойства.
| Значение по умолчанию: | transparent |
|---|---|
| Поддерживается: | Все элементы |
| Инherit: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к: Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript синтаксис: | object object.style.backgroundColor="#00FF00" |
Синтаксис этого свойства следующий:
background-color: color | transparent | initial | inherit
Ниже приведен пример того, как использовать свойство background-color.
body { background-color: yellow;}
h1 {background-color: rgb(255,0,0);}
p {background-color: #00ff00;}Проверьте, пожалуйста‹/›Ниже приведена таблица, описывающая значения этого свойства.
| Значение | Описание |
|---|---|
| color | Указать фоновый цвет. См.CSS значения цветачтобы получить список возможных значений цветов. |
| transparent | Установить background-color в прозрачный, то есть содержимое и фон элемента будут видны через прозрачный фон. Это значение по умолчанию. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует вычисленное значение свойства background-color родительского элемента. |
Совместимость браузеров для свойства background-color, все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS фоновая графика,CSS3 фоновая графика.
Соответствующие свойства:background,background-attachment,background-clip,background-image,background-origin,background-position,background-repeat,background-size.