< на главную
Свойства
а) background-attachment
б) background-color
в) background-image
г) background-position
д) background-repeat
Свойства фона
а) background-attachment
Способ поведения изображения при прокрутке текста. Возможные значения:
- scroll - при прокрутке текста рисунок перемещается вместе с ним (рисунок привязан к тексту) (по умолчанию)
- fixed - при прокрутке текста тот перемещается на фоне рисунка (рисунок привязан к окну браузера)
б) background-color
Цвет фона. Кроме значения цвета также может принимать значение transparent (прозрачный цвет).
в) background-image
Фоновый рисунок. Адрес задаваемого рисунка указывается в скобках после слова url (т.е. background-image: url(адрес); ). Также можно в качестве значения использовать слово none, если требуется отключить фоновый рисунок (по умолчанию).
г) background-position
Определяет местоположение рисунка в его контейнере. Значение свойства может состоять из одного слова или двух без разделяющей запятой (к примеру, background-position: left top; )
Значения, задающие горизонтальную координату: left, center, right
Значения, задающие вертикальную координату: top, center, bottom
Также можно более точно задать расположение элемента с помощью абсолютных или относительных единиц измерения. (ПРОВЕРИТЬ)
д) background-repeat
Способ отображения фонового рисунка. Используется для уточнения свойства background-image. Возможные значения:
- no-repeat - фоновый рисунок отображается в единичном экземпляре
- repeat - размещение рисунка в виде мозайки (по умолчанию)
- repeat-x - рисунок повторяется только по горизонтали (образуя горизонтальную ленту)
- repeat-y - рисунок повторяется только по вертикали (образуя вертикальную ленту)