background-position
Краткое описание свойства 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%;}
}
Добавить комментарий
