Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BACKGROUND-POSITION

Свойство background-position определяет начальную позицию фонового изображения.

Поддержка браузеров

Синтаксис

background-position: значение;

Значения свойства

Значение	Описание
left top left center left bottom right top right center right bottom center top center center center bottom	Определяет стартовую позицию изображения по осям x и y соответственно: слева сверху слева по центру слева снизу справа сверху справа по центру справа снизу по центру сверху по центру по центру по центру снизу
x% y%	Определяет стартовую позицию изображения по осям x и y в процентах.
xpos ypos	Определяет стартовую позицию изображения по осям x и y в единицах измерения. Подробнее о единицах измерения в CSS
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<div class="block block-1">
</div>
<div class="block block-2">
</div>
<div class="block block-3">
</div>

HTML

.block {
    background-image: url(/images/bg.png);
    height:150px;
    width:150px;
    display: inline-block;
    margin-right: 15px
}

.block-1 {
    background-position: 16% 16%
}

.block-2 {
    background-position: center center
}

.block-3 {
    background-position: 75px 75px
}

CSS

← Перейти к списку свойств