Свойство background-origin в CSS определяет начальную позицию фонового изображения относительно контейнера, в котором оно размещено. Это позволяет точно настроить положение фона, влияя на то, как он будет выглядеть в пределах элемента.
Примечание: Это свойство не оказывает влияния, если фоновое вложение является «фиксированным».
| Значение по умолчанию: | padding-box |
| Inherited: | no |
| Animatable: | no |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.backgroundOrigin="content-box" |
Поддержка браузера
| Свойство: | background-origin |
| Chrome | 4.0 |
| Explorer/Edge | 9.0 |
| Firefox | 4.0 |
| Safari | 3.0 |
| Opera | 10.5 |
Синтаксис CSS
background-origin: padding-box|border-box|content-box|initial|inherit;
Значения свойств
| Значение | Описание |
| padding-box | Значение по умолчанию. Фоновое изображение начинается с верхнего левого угла края отступа |
| border-box | Фоновое изображение начинается с верхнего левого угла границы |
| content-box | Фоновое изображение начинается с верхнего левого угла содержимого |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |