Вы здесь

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;
}