Свойство background-position - это тот инструмент, который позволяет вам точно управлять тем, где именно будет отображаться фоновое изображение. Оно принимает одно или два значения. Если вы укажете лишь одно значение, то оно определит горизонтальное смещение, а вертикальное автоматически примет значение 50% (то есть центр). А если указать пару значений, первое задаст позицию по горизонтали, второе - по вертикали. Кстати, здесь есть интересный нюанс: допускается указание нескольких стартовых положений через запятую. Каждое новое расположение будет применяться к соответствующему фоновому изображению строго в том порядке, который вы задали в свойстве background-image. Это очень удобно при работе со сложными композициями! | Значение по умолчанию: | 0% 0% | | Наследуется: | нет | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.backgroundPosition="center" | | Значение | Описание | | left top left center left bottom right top right center right bottom center top center center center bottom | Если вы указываете только одно ключевое слово, второе будет "center". | | x% y% | Первое значение это горизонтальная позиция, второе значение вертикальная. Верхний левый угол это позиция 0% 0%. Правый нижний угол это позиция 100% 100%. Если вы указываете только одно значение, другое значение будет 50%. | | xpos ypos | Первое значение это горизонтальная позиция, второе значение вертикальная. Верхний левый угол это позиция 0 0. Единицы измерения могут быть пикселями(0px 0px) или любой другой CSS единицей измерения. Если вы указываете только одно значение, другое значение будет 50%. Вы можете сочетать % и единицы измерения. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример
|