Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BACKGROUND-ORIGIN

Свойство background-origin определяет исходную область позиционирования фонового изображения. Это свойство не работает, когда значение свойства background-attachment является fixed.

Поддержка браузеров


9+

Синтаксис

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

Значения свойства

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

Песочница

<div class="block">
</div>

HTML

.block {
    border: 3px solid black;
    padding: 25px;
    background: url(/images/bg.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    height: 100px;
}

CSS

← Перейти к списку свойств