AJAX загрузка
home

Свойство background-origin

Пример

#wrap1 {
background-origin:border-box;
background-image:url("border-box.png");
}
#wrap2 {
background-origin:padding-box;
background-image:url("padding-box.png");
}
#wrap3 {
background-origin:content-box;
background-image:url("content-box.png");
}


Быстрый просмотр

Описание

Обратите внимание: данное свойство поддерживается в IE9+, Chrome, Firefox, Opera и Safari.

С помощью нового CSS3 свойства background-origin Вы можете установить как должно вычисляться положение элемента относительно границ его родительского элемента.

Данное свойство может иметь следующие значения:

  • border-box положение элемента вычисляется относительно верхнего левого угла с внешней стороны границы элемента;
  • padding-box положение элемента вычисляется относительно верхнего левого угла с внутренней стороны границы элемента (является значением по умолчанию);
  • content-box положение элемента вычисляется относительно верхнего левого угла содержимого.