CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

Puc? 9.24. Объявление только одного значения процентного соотношения означает, что положение по вертикали соответствует 50%

По умолчанию для свойства background-position устанавливается значение 0% 0%, что в функциональном плане аналогично top left. Вот почему, если не задать разные значения для определения местоположения, мозаичное размещение фоновых изображений всегда начинается с верхнего левого угла области отступа элемента.

Значения, заданные в единицах измерения длины

И наконец, обратимся к позиционированию с помощью значений, заданных в единицах измерения длины. Если местоположение исходного изображения задано в единицах длины, то они интерпретируются как смещения от верхнего левого угла области отступа элемента. Точка, относительно которой отсчнтываются смещения, - верхний левый угол исходного изображения. Таким образом, если заданы значения 20рх ЗОрх, верхний левый угоЛ исходного изображения будет сдвинут на 20 пикселов вправо н 30 пикселов вниз относительно верхнего левого угла области отступа элемента, как показано на рис. 9.25:

f> (background-image:url(yinyang.gif); background-repeat:no-repeat; background-position:20px ЗОрх; border:1px dotted gray;}

В случае применения процентных значений все не так, поскольку происходит смещение одного верхнего левого угла относительно другого.

Puc. 9.25. Смещение фонового изображения на определенное расстояние