CSS3 background-position

background-position
Задает позиционирование фонового изображения.

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

Свойство имеет 2 параметра:
1. указывает расположение относительно оси Х.
2. указывает расположение относительно оси У.

В качестве значений можно указывать как положительное, так и отрицательное значение.

Синтаксис:

div

{

background-position:{[проценты | значение] | [left | center | right] || [top | center | bottom];}
.
}
Значение по умолчанию

0%

Обьектная модель:

1.
[window.]document.getElementById("elementID").style.backgroundPosition
Значение аргументов в пикселях (px), процентах (%)

Значение в пикселях (px) позволяет задать точное расположение фонового изображения относительно левого верхнего угла контейнера.

Значение в процентах (%) позволяет задать относительное расположение фонового изображаения по отношению к левому верхнему углу контейнера.

Аргументы left | center | right и top | center | bottom

Указывают положение фонового изображения относительно контейнера.

Примеры:


div

{
.background-position:{left top;} background-position:{ 20px 0px;}

background-position:{ 10% 25%;}

}