CSS свойство background-image задает фоновое изображение для элемента. Фоновая картинка будет самым нижнем слоем в элементе, то есть весь контент и граница будут отображаться поверх изображения. По умолчанию фоновое изображение располагается в верхнем левом углу и повторяется по вертикали и горизонтали, позволяет переопределить заданный повтор изображения.
Для смены области позиционирования фонового изображения в элементе используется свойство , для контроля отношения фона к границам элемента используется свойство .
Если указанная для фона картинка не может быть отображена (например не удается загрузить файл или не правильно прописан путь), то браузеры будут реагировать так, как если бы в качестве значения свойства было указано ключевое слово none.
| Значение по умолчанию: |
none |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.backgroundImage="url(stars.gif)" |
| Значение |
Описание |
| url('URL') |
Путь к изображению. Путь можно указывать в кавычках (двойных или одинарных), или без них. Допускается устанавливать более одного фонового изображения для элемента, в этом случае пути к изображениям указываются через запятую (url('URL'), url('URL'), url('URL'), ...). |
| none |
Указывает, что фонового изображения нет. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
html
head
style type="text/css"
body { background-image: url('1.gif'); }
/style
/head
body
h1Hello World!/h1
/body
/html
|