CSS background-image Property

Установить фоновое изображение для <body> элемента:

body {
background-image: url("paper.gif");
background-color: #cccccc;
}

Больше "Try it Yourself" примеры ниже.

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

Свойство фонового изображения устанавливает один или несколько фоновых изображений для элемента.

Фон элемента является общий размер элемента, включая отступы и границы (but not the margin) .

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

Tip: Всегда устанавливайте цвет фона , который будет использоваться , если изображение недоступно.

Значение по умолчанию:	none
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS1 + new values in CSS3
Синтаксис JavaScript:	object .style.backgroundImage="url(smiley.gif)" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
background-image	1,0	4.0	1,0	1,0	3.5

Note: IE8 и более ранние версии не поддерживают несколько фоновых изображений на одном элементе.

background-image:url|none|initial|inherit;

Стоимость	Описание
url(' URL ')	URL к изображению. Чтобы указать более одного изображения, разделяя адреса запятой
none	не будет отображаться Нет фоновое изображение. Это по умолчанию
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

Установить несколько фоновых изображений для <body> элемента:

body {
background-image: url("img_tree.gif"), url("img_flwr.gif");
background-color: #cccccc;
}