Свойство background-origin определяет область позиционирования фонового рисунка. Это свойство не применяется, когда значение background-attachment задано как fixed.

Краткая информация

Значение по умолчанию padding-box
Наследуется Нет
Применяется Ко всем элементам
Анимируется Нет

Синтаксис

background-origin: [padding-box | border-box | content-box]
[, [padding-box | border-box | content-box]]*

Значения

padding-box Фон позиционируется относительно края элемента с учетом толщины границы.
border-box Фон позиционируется относительно границы, при этом линия границы может перекрывать изображение.
content-box Фон позиционируется относительно содержимого элемента

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

Результат использования значений свойства background-origin для элемента с рамкой толщиной 20 пикселей.