background-position

 
background-position - устанавливает начальное положение фонового изображения элемента.

Значения

Свойство background-position обладает двумя основными значениями:

Положение по горизонтали - с возможностью применять left, right и center.
Положение по вертикали - с применением top, bottom и center.

Задать значение свойству также можно в процентах, пикселах, и других единицах. В случае, если для указания позиции фонового изображения элемента используются слова (left, right, top, bottom иcenter) то они могут быть указаны в любом порядке.
Если позиция указывается в процентах, то сначала задается положение по горизонтали, а за ним, через пробел, положение по вертикали.

inherit - наследует значение свойства у родительского элемента.

Пример использования

{
        background-image: url('img/photo.png');
        background-position: right bottom;
        background-repeat: no-repeat;
}

или

{
        background-image: url('img/photo.png');
        background-position: 40% 25%;
        background-repeat: no-repeat;
}

или

{
        background-image: url('img/photo.png');
        background-position: left 10px;
        background-repeat: no-repeat;
}

Характеристики

1. Применяется ко всем элементам.
2. Значение по умолчанию: 0% 0%
3. Не наследуется.

Синтаксис

background-position: [left | center | right | проценты | значение] || [top | center | bottom | проценты | значение] | inherit

Версии CSS

CSS 1
CSS 2
CSS 2.1
CSS 3

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

background
background-attachment
background-color
background-image
background-position
background-repeat

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.