Пример 1
Устанавливает изображение фона для элемента body:<html>
<head>
<meta charset="utf-8" />
<style>
body { background-image:url('/tryit/css/img/paper.gif'); }
</style>
</head>
<body>
<h1>Привет мир!</h1>
</body>
</html>
Определение и использование
Свойство background-image устанавливает фоновое изображение элемента.
Фоном элемента является общий размер элемента, включая заполнение и границу (но не поле).
По умолчанию, фоновое изображение находится в верхнем левом углу элемента, и повторяется по вертикали и горизонтали.
| Значение по умолчанию: | нет |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.backgroundImage="url(stars.gif)" |
Поддержка браузеров
Свойство background-image поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".
Советы и примечания
Совет: Всегда устанавливайте цвет фона на случай, если изображение недоступно.
Значения свойства
| Значение | Описание |
|---|---|
| url('URL') | URL изображения |
| none | Фоновое изображение не будет отображаться. Это по умолчанию |
| inherit | Указывает, что фоновое изображение должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
