Свойство background-clip в CSS управляет областью, в пределах которой фоновый цвет или изображение будут отображаться внутри элемента. Оно позволяет настроить, как фон взаимодействует с границами элемента, что может значительно повлиять на внешний вид дизайна.
| Значение по умолчанию: | border-box |
| Inherited: | no |
| Animatable: | no |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.backgroundClip="content-box" |
Поддержка браузера
| Свойство: | background-clip |
| Chrome | 4.0 |
| Explorer/Edge | 9.0 |
| Firefox | 4.0 |
| Safari | 3.0 |
| Opera | 10.5 |
Синтаксис CSS
background-clip: border-box|padding-box|content-box|initial|inherit;
Значения свойств
| Значение | Описание |
| border-box | Значение по умолчанию. Фон простирается за границу |
| padding-box | Фон расширяется до внутреннего края границы |
| content-box | Фон расширяется до края окна содержимого |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |