AJAX загрузка
home

Свойство 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 фон будет занимать только содержимое элемента.