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

Устанавливает, где фоновое изображение будет позиционироваться.

Если свойство background-attachment имеет значение "fixed", то данное свойство не имеет эффекта.

CSS синтаксис

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

Возможные значения

ЗначениеОписание
padding-boxЗначение по умолчанию. Фоновое изображение начинается в верхнем левом углу на краю отступа.
border-boxФоновое изображение начинается в верхнем левом углу на краю рамки.
content-boxФоновое изображение начинается в верхнем левом углу на краю контента.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Установим, чтобы фоновое изображение начиналось в верхнем левом углу содержимого


#example1 {
    background:url(img_flwr.gif);
    background-repeat: no-repeat;
    padding:35px;
    background-origin: content-box;
}