Свойство background-image в CSS отвечает за добавление фоновго изображения к элементу. Это изображение становится самым нижним слоем, так что весь остальной контент и границы отображаются поверх него. По умолчанию картинка размещается в левом верхнем углу и повторяется как по вертикали, так и по горизонтали – но вы всегда можете изменить поведение с помощью свойства background-repeat. Чтобы изменить позицию фонового изображения внутри элемента, используйте свойство background-position, а чтобы контролировать размер фона относительно границ – применяйте background-size. Если указанное изображение не может быть загружено (например, путь неверный или файл недоступен), браузер будет вести себя так, будто в значении свойства указано ключевое слово none. | Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.backgroundImage = "url(stars.gif)" | | Значение | Описание | | url('URL') | Путь к изображению. Можно указать его в кавычках (двойных или одинарных) либо без них. При желании задать несколько фоновых картинок их пути разделяются запятой: url('URL'), url('URL'), url('URL'), …. | | none | Указывает, что фоновое изображение отсутствует. | | inherit | Значение наследуется от родительского элемента. | Пример htmlHello World! |