Стиль HTML DOM backgroundImage Свойство
❮ Назад ❮ Справочник по объектам стиля Далее ❯
Пример
Установить фоновое изображение для документа:
document.body.style.backgroundImage = «url(‘img_tree.png’)»;
Попробуйте сами »
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство backgroundImage устанавливает или возвращает фоновое изображение элемента.
Совет: В дополнение к фоновому изображению вы также должны указать фоновый цвет. Фоновый цвет будет использоваться, если изображение недоступно.
См. также:
Стили HTML: Свойство фона
Учебник CSS: Фоны CSS
Учебник CSS3: Фоны CSS3
Справочник по CSS: Свойство background-image
Синтаксис
объект .style.backgroundImage
Установите свойство backgroundImage:
объект .style.backgroundImage = «url(‘ URL ‘)|none|initial|inherit»
Значения свойств
| Значение | Описание |
|---|---|
| URL( ‘URL’ ) | Расположение файла образа |
| нет | Нет фонового изображения. Это по умолчанию |
| начальный | Устанавливает для этого свойства значение по умолчанию. Читать про начальный |
| унаследовать | Наследует это свойство от родительского элемента. Читать о наследовать |
Технические детали
| Значение по умолчанию: | нет |
|---|---|
| Возвращаемое значение: | Строка, представляющая фоновое изображение |
| Версия CSS | CSS1 |
Поддержка браузера
backgroundImage — это функция CSS1 (1996).
Полностью поддерживается во всех браузерах:
| Хром | Край | Фаерфокс | Сафари | Опера | ИЭ |
| Да | Да | Да | Да | Да | Да |
Дополнительные примеры
Пример
Установка фонового изображения для определенного элемента
document.
getElementById(«myDiv»).style.backgroundImage = «url(‘img_tree.png’)»;
Попробуйте сами »
Пример
Вернуть фоновое изображение определенного элемента
let img = document.getElementById(«myDiv»).style.backgroundImage;
Попробуйте сами »
Пример
Вернуть фоновое изображение документа:
let img = document.body.style.backgroundImage;
Попробуйте сами »
❮ Предыдущий ❮ Справочник по объектам стиля Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебник HTMLУчебник CSS
Учебник JavaScript
Как Учебник
Учебник SQL
Учебник Python
Учебник W3.CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery
Top3 Reference
900
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
ФОРУМ | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
