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

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

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

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

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

Значение по умолчанию:	border-box
Унаследованный:	нет
Анимируемый:	нет. Прочитать о animatable
Версия:	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

CSS учебник: CSS Backgrounds