Свойство CSS background-origin

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
9+ 1.0+ 10.5+ 3.0+ 4.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да Да Да Да Да

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

Значение по умолчанию padding-box
Наследуется Нет
Применяется К блочным элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.backgroundOrigin = 'content-box';
в данном случае элементу с id='idElement' будет добавлен стиль
background-origin:content-box;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-origin:content-box;">...</div>
Реализация в jQuery
$('#idElement').css('background-origin,'content-box');
в данном случае элементу с id='idElement' будет добавлен стиль
background-origin:content-box;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-origin:content-box;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает относительно какой области элемента позиционируется фоновый рисунок.
Данное свойство не выполняется у элементов, значение свойства background-attachment у которых задано как fixed.

Синтаксис

background-origin: url(путь к файлу) | none | inherit;

Например:

... background-origin:url('img.png'); или background-origin:url('img1.png'),url('img2.png'),url('img3.png'); ...

Значения

padding-box

Фон позиционируется из верхнего левого угла элемента относительно поля отступа (свойство padding).

border-box Фон позиционируется из верхнего левого угла элемента относительно рамки (свойство border).
content-box

Фон позиционируется из верхнего левого угла элемента относительно поля содержимого.

Пример

background-origin: padding-box;
background-origin: border-box;
background-origin: content-box;

Результат

В этом блоке показан пример использования свойства background-origin: padding-box;.