background-position

Определяет расположение фонового изображения. По умолчанию это левый верхний угол. Если задано несколько изображений для фона, их позиции указываются через запятую.

Примеры

.cat {
    background-position: left top;
    background-position: 10% 70%;
    background-position: right 10px bottom 20px;
    background-position: left top, right bottom;
}

Значения

Значение	Описание
left top left center left bottom right top right center right bottom center top center center center bottom	Одно или два ключевых слова, определяющих положение. После ключевого слова может идти значение смещения от этого края в единицах измерения. Например: `right 20px`. Если задано только одно — второе будет по умолчанию center.
x% y%	Горизонтальная и вертикальная позиция в процентах. Если задано только одно значение — второе будет равно 50%.
X Y	Горизонтальная и вертикальная позиция в единицах измерения CSS. Например: `10px 50px`. Если задано только одно значение — второе будет равно 50%.
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.