Свойство 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 пикселей.