CSS свойство background-image, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-1641642Перейти к справке CSS

body { background-image:url(‘paper.gif’);

}

Описание и использование

Свойство CSS background-image задает фоновое изображение элемента.

Фон элемента отображается в пределах границ (border) элемента, включая поля (padding), но не внешний отступ (margin).

По умолчанию, начальная позиция фонового изображения располагается в верхнем левом углу элемента, а само фоновое изображение повторяется по вертикали и горизонтали.

Значение по умолчанию нет
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.backgroundImage=»url(stars.gif)»

Поддержка в браузерах

chrome-3556990 firefox-2374432 ie-5857972 opera-1520094 safari-4007202
Свойство background-image поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Совет

Всегда задавайте фоновый цвет элемента (background-color), на случай, если не удастся загрузить фоновое изображение.

Возможные значения свойства background-image

Значение Описание
url(‘URL‘) Путь к файлу изображения
none Нет. Фоновое изображение отсутствует. Значение по умолчанию
inherit Значение фонового изображения наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS background

up_violet-1641642Перейти к справке CSS