background-position

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

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

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

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

Синтаксис:
div 
{
 background-position:{[проценты | значение] | [left | center | right] || [top | center | bottom];}
}

Значение по умолчанию

0%

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

[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%;}
    }

 

Добавить комментарий


Защитный код
Обновить


Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D