Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS



Свойство CSS background-image

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

body
{
background-image:url('paper.gif');
}

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

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

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

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

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

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

Chrome Firefox Internet Explorer Opera Safari
Свойство background-image поддерживается всеми основными браузерами.

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


Совет

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


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

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

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

Учебник CSS: CSS background


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта