English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство background CSS предназначено для установки различных свойств фона, то есть это сокращение, а именно background-image,background-position,background-size,background-repeat,background-attachment,background-origin,background-clipИbackground-color Эти единичные свойства.
В таблице ниже суммированы контекст использования и история версий этого свойства.
| Значение по умолчанию: | Просмотрите все значения свойств |
|---|---|
| Применяется к: | Все элементы |
| Ингерит: | Нет |
| Анимируемые: | Да, потому что некоторые свойства транскрипции могут быть анимированы.Пожалуйста, смотрите: Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| Синтаксис JavaScript: | object object.style.background="red url(smiley.gif) top left no-repeat" |
Синтаксис этого свойства такой:
background: [ image position/size repeat attachment origin clip color ] | initial | inherit
Примечание:Если отсутствует или опущено любое из перечисленных свойств, то вставляется значение по умолчанию для этого свойства (если оно есть). Дополнительную информацию см. в описаниях отдельных свойств.
Ниже приведен пример того, как использовать свойство background.
body {background: #ffff00 url("smiley.png") no-repeat fixed center;}Проверьте, как это выглядит‹/›В CSS3 вы также можете добавить несколько фонов к одному элементу. Фоны перекрываются друг на друга по оси z.
.box {
width: 100%;
height: 500px;
background: url("images/birds.png") no-repeat center, url("images/clouds.png") no-repeat center, lightblue;
}Проверьте, как это выглядит‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| background-attachment | Указать, следует ли фону следовать за документом при прокрутке или оставаться фиксированным в области просмотра. |
| background-color | Установить цвет фона элемента. |
| background-clip | Указать область рисования фона. |
| background-image | Установить одно или несколько фоновых изображений для элемента. |
| background-origin | Указать область локализации фонового изображения. |
| background-position | Установить начальное положение фонового изображения. |
| background-repeat | Указать, как тянуть фоновое изображение после его размера и положения. |
| background-size | Указать размер фонового изображения. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы будут использовать вычисленное значение свойства background родительского элемента. |
Совместимость браузеров для свойств background, все основные браузеры поддерживают это свойство.
|
Узнайте больше в следующих руководствах:CSS фоновое изображение,CSS3 фоновое изображение.
Связанные свойства:background-attachment,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.