Свойство Style backgroundImage

Определение и использование

backgroundImage Свойство установки или возврата фонового изображения элемента.

Совет:Кроме фонового изображения, вы также должны определить цвет фона. Если изображение недоступно, будет использоваться цвет фона.

Дополнительная информация:

HTML Стили:Свойство background

CSS Учебник:Фон CSS

CSS3 Учебник:CSS3 Фон

CSS Референс Манифест:Свойство background-image

Пример

Пример 1

Установка фонового изображения документа:

document.body.style.backgroundImage = "url('img_tree.png')";

Попробуйте сами

Пример 2

Установка фонового изображения конкретного <div> элемента:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Попробуйте сами

Пример 3

Возврат фонового изображения конкретного <div> элемента:

alert(document.getElementById("myDiv").style.backgroundImage);

Попробуйте сами

Пример 4

Возврат фонового изображения документа:

alert(document.body.style.backgroundImage);

Попробуйте сами

Синтаксис

Возврат свойства backgroundImage:

объект.style.backgroundImage

Установка свойства backgroundImage:

объект.style.backgroundImage = "url('URL')|none|initial|inherit"

Значение свойства

Значение Описание
url('URL) Положение файла изображения.
none Нет фонового изображения. По умолчанию.
initial Этот свойство устанавливается в его значение по умолчанию. См. initial.
inherit Эта свойство наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: none
Возвратное значение: Строка, представляющая собой изображение фона.
Версия CSS: CSS1

Поддержка браузерами

backgroundImage Это функция CSS1 (1996)。

Все браузеры полностью поддерживают его:

Кروм Эдж Фаерфокс Сафари Опера IE
Кروм Эдж Фаерфокс Сафари Опера IE
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка