# Свойство background-position-y

Свойство `background-position-y` задает местоположение фоновой картинки элемента по вертикали.

Свойство может принимать следующие значения: `top`, `center`, `bottom`, а также можно указать положение фона в процентах или пикселях.

## Синтаксис

`селектор { background-position-y: значение; }`

## Пример

Давайте расположим фоновую картинку вверху по вертикали:

`<div id="elem"></div>` `#elem { background-position-y: top; background-image: url("bg.png"); background-repeat: no-repeat; width: 400px; height: 300px; border: 1px solid black; }`

:

## Пример

А теперь давайте переместим фон по центру:

`<div id="elem"></div>` `#elem { background-position-y: center; background-image: url("bg.png"); background-repeat: no-repeat; width: 400px; height: 300px; border: 1px solid black; }`

:

## Пример

А теперь укажем положение для фона в процентах:

`<div id="elem"></div>` `#elem { background-position-y: 80%; background-image: url("bg.png"); background-repeat: no-repeat; width: 400px; height: 300px; border: 1px solid black; }`

:

## Смотрите также

- свойство `background`,
  представляющее собой свойство-сокращение для фона
- свойство `background-position-x`,
  которое задает позицию фона по горизонтали

← →
↑
en ru