body { background-image:url(‘paper.gif’);
}
Описание и использование
Свойство CSS background-image задает фоновое изображение элемента.
Фон элемента отображается в пределах границ (border) элемента, включая поля (padding), но не внешний отступ (margin).
По умолчанию, начальная позиция фонового изображения располагается в верхнем левом углу элемента, а само фоновое изображение повторяется по вертикали и горизонтали.
Значение по умолчанию | нет |
---|---|
Наследование | нет |
Версия CSS | CSS 1 |
Синтаксис JavaScript | object.style.backgroundImage=»url(stars.gif)» |
Поддержка в браузерах
Свойство background-image поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Совет
Всегда задавайте фоновый цвет элемента (background-color), на случай, если не удастся загрузить фоновое изображение.
Возможные значения свойства background-image
Значение | Описание |
---|---|
url(‘URL‘) | Путь к файлу изображения |
none | Нет. Фоновое изображение отсутствует. Значение по умолчанию |
inherit | Значение фонового изображения наследуется от родительского элемента |
Связанные страницы
Учебник CSS: CSS background