CSS-свойство background-image

CSS-свойство background-image устанавливает фоновое изображение для элемента. Часто более удобно использовать свойство background.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

background-image: url | none | initial | inherit

Примеры написания кода свойства background-image:

body {
    background-image: url("images/pattern.jpg");
}

Internet Explorer 8 и более ранние версии не поддерживают несколько фоновых изображений для одного элемента.

В следующей таблице описаны значения этого свойства.

Значение	Описание
`url`	Расположение ресурса изображения, которое будет использоваться в качестве фонового изображения.
`none`	Если указано, фоновое изображение не будет отображаться. Это значение установлено по умолчанию.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего свойства родительского элемента `background-image`.