Background

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1, CSS2.1
Значение по умолчанию Зависит от использования
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML <body bgcolor="цвет" background="URL" bgproperties="fixed">
<table | thead | tbody | tfoot | tr | th | td bgcolor="цвет" background="URL">

Описание

Свойство background позволяет установить одновременно до пяти характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно.

Синтаксис

background: [background-attachment || background-color || background-image || background-position || background-repeat] | inherit

Значения

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

Пример

<!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</title>
<style
type="text/css">
DIV {
height
: 200px; /* Высота блока */
width: 200px; /* Ширина блока */
overflow: auto; /* Добавляем полосы прокрутки */
padding-left: 15px; /* Отступ от текста слева */
background: #fc0 url('images/sample.png') repeat-y; /* Цвет фона,
путь к фоновому изображению и
повторение фона по вертикали */

}
</style>
</head>
<body>

<div>

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat. </div>
</body>
</html>

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

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

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.