Точка начала позиционирования фона: background-origin

background-origin

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 1.0 4.0 9.0 10.5 3.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 7 12.0 5.1
Свойство
background-origin — это свойство позволяет задать точку начала позиционирования изображения
Описание
Свойство работает следующим образом: если значение указано border-box, то изображение позиционируется от края краницы, если padding-box — изображение позиционируется до начала границы, если content-box — изображение позиционируется от области контента
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
border-box | padding-box | content-box | inherit
Значение по умолчанию
border-box
Правила записи
свойство: значение;
Примеры

<div>

В этом контейнере точкой позиционирования изображения будет считаться край границы

</div>

<div>

В этом контейнере точка позиционирования изображения будет до края границы

</div>

<div>

В этом контейнере точкой позиционирования изображения будет область контента

</div>

<div>

Это значит что свойство наследует значение от родителя

</div>

Поделиться