Основы работы с CSS

Параметр 'background-position'


Этот параметр задает начальное положение фонового изображения.

Наследование: нет.

Может принимать следующие значения:

ЗначениеОписание

top left top center top right center left center center center right bottom left bottom center bottom right

Если определить только одно ключевое слово, то вторым значением подразумевается "center"
x-% y-%Первое значение является горизонтальной координатой, второе значение — вертикальной. Верхний левый угол — 0% 0%. Правый нижний угол — 100% 100%. Если определено только одно значение, то вторым значением подразумевается 50%.
x-pos y-posПервое значение является горизонтальной координатой, второе значение — вертикальной. Верхний левый угол — 0 0. Единицами измерения могут быть пиксели (0px 0px) или любые другие единицы измерения CSS. Если определено только одно значение, то вторым значением подразумевается 50%. Можно смешивать % и эти координаты.

Пример:

body { background-image: url(http://www.intuit.ru/speciality/image.gif); background-position: right top; background-attachment: fixed }

body { background-image: url(http://www.intuit.ru/speciality/image.gif); background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed }



Содержание раздела