background
Автор: Евгений Рыжков Дата публикации: 07.03.2009
Свойство background — это сокращенный способ установить все или некоторые свойства фона: background-attachment, background-color, background-image, background-position, background-repeat.
Полный вариант:
background-color: #fff; background-image: url(path-to/bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top;
Сокращенный:
background: url(path-to/bg.png) center top #fff no-repeat scroll;
Порядок свойств значения не имеет. Но следует учесть, что первое значение background-position — значение относительно левого края блока, второе — относительно верхнего края для случаев, когда позиция фона задана координатами:
background-image: url(path-to/bg.png); background-position: 10px 100px;
Сокращенный вариант:
background: url(path-to/bg.png) 10px 100px;