CSS стиль background
CSS стиль background позволяет установить сразу все характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству.
Также можно указывать параметры сразу для нескольких фонов, перечисляя их при этом через запятую.
Краткая информация по CSS-свойству background
Значение по умолчанию | transparent none repeat scroll 0% 0% |
Наследуется | Нет |
Применяется | Ко всем элементам |
Правила написания свойства background
В CSS3 можно указать группу значений для нескольких фоновых изображений, перечисляя эти группы через запятую:
background: [<фон>, ] <последний_фон>
Здесь <фон> и <последний_фон> представляют собой набор значений CSS свойств background-attachment, background-image, background-position, background-repeat разделенные пробелом. Если помимо фоновых изображений требуется указать цвет фона элемента, то его записывают в самом конце.
Объектная модель
Объект.style.background
Пример применения стиля background
Проиллюстрируем работу background на примере. Фон нашей страницы будет состоять из 2х картинок, расположенных по бокам слева и справа:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Пример с background</title>
<style>
body {
/* Характеристики фона */
background: url(fon-left.png) left repeat-y,
url(fon-right.png) right repeat-y #fff899;
}
</style>
</head>
<body></body>
</html>