• Главная
• справочник по css
• свойства
• свойства цвета и фона
• background-position

Свойство background-position

[[<проценты> | <длина> ]{1,2} | [[top | center | bottom] || [left | center | right]]] | inherit

Свойство background-position позволяет установить положение фонового изображения. Если, при помощи свойства background-repeat, задано дублирование фонового рисунка, то это положение будет определять начальную позицию для дублирования. Подробнее о дублировании фонового изображения смотри в «Пояснения к фону». Если фоновое изображение фиксировано, при помощи свойства background-attachment, относительно окна просмотра - то положение задается относительно этого окна просмотра.

Если положение, по вертикали или горизонтали, задается с использованием единицы длины, то положение задается для верхнего левого угла фонового рисунка. Если используется процентные значения - то фоновое изображение размещается таким образом, что указанный процент длины элемента пришелся на этот же процент длины самого изображения. Таким образом «0% 0%» - разместит левый верхний угол фонового изображения в левом верхнем углу элемента, а «100% 100%» - разместит правый нижний угол фонового изображения в правом нижнем углу элемента.

Если задано только одно значение длины или одно процентное соотношение, то оно определяет позицию только по горизонтали, а позиция по вертикали устанавливается в «50%». Если задано два значения - то первое значение определяет позицию по горизонтали, а второе по вертикали. Ключевые слова не могут использоваться с процентными значениями или значениями длины. Если используется только одно ключевое слово - то второе значение устанавливается в «50%».