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>

Применение свойства background с несколькими фоновыми изображениям