Стиль 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
900
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.
CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
ФОРУМ | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
9Оглавление в качестве URL-адреса изображения для выбранного элемента (элементов). Он также добавляет включенные стили CSS в страницы.
Требуемые компоненты
Креативное изображение
Kibo Personalization использует графическое объявление, которое вы загружаете в качестве background-image URL свойства изображения выбранного элемента(ов).
Селектор относительных элементов
Введите селектор элементов в Селектор относительных элементов . Он определяет, где используется фоновое изображение. Kibo Personalization применяет к этому элементу уникальный класс для стилизации и применения фонового изображения имущество. Дополнительные сведения о селекторах см. в разделе Селекторы элементов.
Дополнительные компоненты
Выбранные стили CSS
Введите в Выбранные стили CSS любой CSS, который вы хотите, чтобы действие применялось как встроенные стили CSS к выбранным элементам.
По умолчанию фоновое изображение наследует свойства позиционирования и повторения. Вы можете добавить стиль свойства фона к этому входу, чтобы настроить способ отображения фонового изображения. Например, background-repeat: без повторов !важно; предотвращает повторение фона по всему элементу, а background-position: center top !important; размещает изображение в центре оси X и в верхней части оси Y.
Вы можете выбрать один из множества свойств стиля фона для управления фоновым изображением. Дополнительные сведения см. в ресурсе свойств фона CSS W3Schools.
CSS Style
Kibo Personalization добавляет все, что вы вводите в редактор CSS, в таблицу стилей в часть вашего сайта в блоке