Свойство background
Свойство background применяется для сокращенного задания свойств фона: background-color, background-image, background-repeat, background-attachment и background-position. Использование данного свойства всегда приводит к установке всех свойств фона. Если какое либо значение не указано в данном свойстве, то оно будет установлено в значение по умолчанию. Описание отдельных элементов синтаксиса и их значение можно найти в соответствующих правилах, описывающих отдельные свойства фона.
| Синтаксис | |
|---|---|
| background: «background-color» || «background-image» || «background-repeat» || «background-attachment» || «background-position» | |
| Возможные значения и ключевые слова | |
| «background-color» | цвет фона, подробнее смотри свойство background-color |
| «background-image» | изображение для фона, подробнее смотри свойство background-image |
| «background-repeat» | тип повторения фонового изображения, подробнее смотри свойство background-repeat |
| «background-attachment» | привязка изображения к канве браузера, подробнее смотри свойство background-attachment |
| «background-position» | расположение изображения фона, подробнее смотри свойство background-position |
| Разные | |
| По умолчанию | не определено |
| Применимо | ко всем элементам» |
| Наследование | нет |
| Процентное значение | применимо к «background-position» |
| Media | visual |
В следующем примере для фона тега body (то есть для всей страницы) заданы следующее значения: для свойства background-image задано значение url(chess.png) (рисунок chess.png), для свойства background-color задано значение gray (серый цвет), для свойства background-position задано значение 50% (рисунок размещен в центре), для свойства background-repeat задано значение repeat (рисунок размножается как по вертикали так и по горизонтали) и для свойства background-position задано значение fixed (рисунок не перемещается при прокрутке документа).
body { background: url(chess.png) gray 50% repeat fixed } 
