Стиль backgroundImage Свойство
Пример
Установите фоновое изображение для документа:
document.body.style.backgroundImage = "url('img_tree.png')";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство backgroundImage устанавливает или возвращает фоновое изображение элемента.
Совет: В дополнение к фоновому изображению вы также должны указать фоновый цвет. Фоновый цвет будет использоваться, если изображение недоступно.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Верните свойство backgroundImage:
object.style.backgroundImage
Установите свойство backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Значения свойств
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | никто |
---|---|
Возвращаемое значение: | Строка, представляющая фоновое изображение |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Установите фоновое изображение определенного элемента <div>:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Пример
Вернуть фоновое изображение определенного элемента <div>:
alert(document.getElementById("myDiv").style.backgroundImage);
Пример
Вернуть фоновое изображение документа:
alert(document.body.style.backgroundImage);
Связанные страницы
Учебное пособие по CSS: Фон CSS
Учебник по CSS3: Фоны CSS3
Справочник по CSS: свойство background-image
Справочник по HTML DOM: свойство background