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

Укажите, как далеко должен расширяться фон в элементе:

div {
    border: 10px dotted black;
    padding: 15px;
    background: lightblue;
    background-clip: padding-box;
}

Определение и использование

Свойство background-clip определяет, насколько фон (цвет или изображение) должен расширяться в элементе.

Значение по умолчанию:	border-box
Inherited:	no
Animatable:	no. Читайте о animatable
Version:	CSS3
Синтаксис JavaScript:	object.style.backgroundClip="content-box"

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
background-clip	4.0	9.0	4.0	3.0	10.5

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

Значение	Описание
border-box	Значение по умолчанию. Фон простирается за границу
padding-box	Фон расширяется до внутреннего края границы
content-box	Фон расширяется до края окна содержимого
initial	Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit	Наследует это свойство из родительского элемента. (Читайте о inherit)