Определяет, где будет располагаться фоновое изображение, будет ли оно заходить под рамку или начинаться с области контента.
Свойство не работает, если background-attachment в значении fixed.
Примеры
background-origin: border-box;
background-origin: content-box;Значения
| Значение | Описание |
|---|---|
| padding-box | По умолчанию. Фон начинается от рамки, на внутреннем отступе. |
| border-box | Фон начинается под рамкой. |
| content-box | Фон начинается с области содержимого блока. |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Androidbackground-origin1
1-64 -webkit-
12
4
49 -webkit-
1-4 -moz-
9
10.5
15-51 -webkit-
3
3 -webkit-
18
18-64 -webkit-
14
49 -webkit-
11
14-47 -webkit-
1
1 -webkit-
1.0
1.0-9.0 -webkit-
4.1
4.1-64 -webkit-
content-box1
12
4
9
10.5
3
18
14
11
1
1.0
4.1
Поддерживается: Да Нет
