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

Определение и использование

background-origin Определяет background-position Атрибут позиционируется относительно какой позиции.

Комментарий:Если фоновое изображение background-attachment Атрибут “фиксированный“”, то этот атрибут не имеет эффекта.

См. также:

Учебник CSS:Фон в CSSиCSS фоновое изображение (расширенное)

Руководство по HTML DOM:Атрибут backgroundOrigin

Пример

Позиционирование фонового изображения относительно содержимого:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Попробуйте сами

CSS синтаксис

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

Значение атрибута

Значение Описание Тестирование
padding-box Позиционирование фонового изображения относительно отступа. Тестирование
border-box Позиционирование фонового изображения относительно рамки. Тестирование
content-box Позиционирование фонового изображения относительно содержимого. Тестирование

Технические детали

Значение по умолчанию: padding-box
Ингеритация: нет
Версия: CSS3
JavaScript синтаксис: объект.style.backgroundOrigin="content-box"

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Хром Эдж Фаерфокс Сафари Опера
Хром IE / Эдж Фаерфокс Сафари Опера
4.0 9.0 4.0 3.0 10.5