CSS свойство background-image, поддержка в браузерах, примеры использования // Вебшкола онлайн
Перейти к справке CSSbody { 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
Комментарии 0