English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Элементы свойства CSS background-image устанавливают фоновое изображение. Обычно используется сокращенная запись.ФонСвойства удобнее.
В таблице ниже总结了 контекст использования и историю версий этого свойства.
| Значение по умолчанию: | none |
|---|---|
| Для: | Все элементы |
| Наследование: | Нет |
| Анимируемо: | Нет.Пожалуйста, обратитесь к Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object object.style.backgroundImage="url(image.gif)" |
Грамматика этого свойства такая:
background-image: url | none | initial | inherit
Ниже приведен пример того, как использовать свойство background-image.
body {background-image: url("images/pattern.jpg");}Проверьте, посмотри на‹/›Предупреждение: Internet Explorer 8 и более ранние версии не поддерживаютmultiple фоновые изображения для одного элемента.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| url | Путь к ресурсу изображения для фонового изображения. |
| none | Значение по умолчанию. Если указано, то фоновое изображение не будет отображаться. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует вычисленное значение свойства background-image родительского элемента. |
Совместимость браузеров для свойства background-image, все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS фоновая графика,CSS3 фоновая графика.
Связанные свойства:background,background-attachment,background-color,background-clip,background-origin,background-position,background-repeat,background-size.