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