Свойство background-clip

#wrap1 {
background-clip:border-box;
background-color:#a600a6;
}
#wrap2 {
background-clip:padding-box;
background-color:#a600a6;
}
#wrap3 {
background-clip:content-box;
background-color:#a600a6;
}

Описание

Обратите внимание: данное свойство поддерживается в IE9+, Chrome, Firefox, Opera и Safari.

С помощью свойства background-clip Вы можете указать область, которую будет занимать фон внутри элемента.

Данное свойство может иметь следующие значение:

• border-box фон будет занимать все пространство внутри элемента включая границы;
• padding-box фон будет занимать только пространство внутри границ элемента;
• content-box фон будет занимать только содержимое элемента.