background
Общая информация
background позволяет максимально настроить параметры фона в рамках одного свойства. Может содержаться до 5 параметров, порядок перечисления которых необязателен. Также в случае необходимости некоторые параметры можно не описывать, браузер задействует указанные, остальные же будут представлены по умолчанию.
Синтаксис и значения
- background: [background-attachment background-color background-image background-position background-repeat]
где:
- background-attachment - параметр положения фона, относительно прокрутки окна браузера
- background-color – задает фон элемента
- background-image - задает фон изображения
- background-position – задает позицию фона относительно элемента (включает в себя два параметра: 1 - отступ слева, 2 - отступ сверху, могут быть в %, px и др. единицах, принятых в css)
- background-repeat – задает повторение фона
Примеры
Пример 1.
запись вида:
- background-color: #000;
- background-image: url(uploads/bg-new.png);
- background-repeat: repeat-x;
- background-attachment: scroll;
- background-position: left top;
в рамках свойства background можно представить следующим образом:
- background: url(uploads/bg-new.png) repeat-x scroll left top #000;