background-image

Браузер	Internet Explorer			Netscape		Opera			Safari		Mozilla	Firefox
Версия	5.5	6.0	7.0	7.0	8.0	7.0	8.0	9.0	2.0	3.0	1.7	1.0	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

Краткая информация

CSS	CSS1
Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам
Аналог HTML	<body background="URL">
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

Описание

Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.

Синтаксис

background-image: url(путь к файлу) | none

Аргументы

В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение none.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-image</title>
<style type="text/css">
BODY {
background-image: url('images/bg.gif'); /* Путь к фоновому изображению */
background-color: #fc0; /* Цвет фона */
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>

Объектная модель

[window.]document.getElementById("elementID").style.backgroundImage