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

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

CSS синтаксис

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

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

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

Пример

Устанавливаем область прорисовки фона


div {
    border: 10px dotted black;
    padding:35px;
    background: yellow;
    background-clip: content-box;
}