Свойство backgroundImage
Пример style.backgroundImage
Установить фоновое изображение для документа:
document.body.style.backgroundImage = "url('img_tree.png')";Попробуйте сами »
Ещё примеры ниже.
Описание backgroundImage
Свойство фоновое изображение задает или возвращает фоновое изображение элемента.
Совет: В дополнение к фоновому изображению вам также следует указать фоновый цвет. Фоновый цвет будет использоваться, если изображение недоступно.
Похожи на backgroundImage
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS3 Учебник: CSS3 Backgrounds
CSS Справочник: Свойство background-image
Синтаксис backgroundImage
Вернуть свойство backgroundImage:
object.style.backgroundImage
Установите свойство backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Значение свойства backgroundImage
| Значение | Описание |
|---|---|
| url('URL') | Расположение файла изображения |
| НЕТ | Фонового изображения нет. Это по умолчанию |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundImage
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая фоновое изображение. |
| CSS Версия | CSS1 |
Поддержка backgroundImage
style.backgroundImage является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры backgroundImage
Установите фоновое изображение определенного элемента <div>:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Попробуйте сами »
Вернуть свойство фонового изображения определенного элемента <div>:
let img = document.getElementById("myDiv").style.backgroundImage;
Попробуйте сами »
Вернуть свойство фонового изображения документа:
let img = document.body.style.backgroundImage;
Попробуйте сами »