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 поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.