CSS-свойство background-image
устанавливает фоновое изображение для элемента. Часто более удобно использовать свойство background
.
Значение по умолчанию: | none |
Применяется к: | Все элементы |
Наследование: | Нет |
Анимирование: | Нет. Анимируемые свойства |
Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
background-image: url | none | initial | inherit
Примеры написания кода свойства background-image
:
body {
background-image: url("images/pattern.jpg");
}
Internet Explorer 8 и более ранние версии не поддерживают несколько фоновых изображений для одного элемента.
Значения свойств
В следующей таблице описаны значения этого свойства.
Значение | Описание |
---|---|
url |
Расположение ресурса изображения, которое будет использоваться в качестве фонового изображения. |
none |
Если указано, фоновое изображение не будет отображаться. Это значение установлено по умолчанию. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего свойства родительского элемента background-image . |
Поддержка браузеров
Свойство background-image
поддерживается во всех основных браузерах.