background-clip
Properti CSS background-clip diperkenalkan pada CSS3 untuk keperluan pengaturan perilaku kliping untuk latar belakang
elemen.
Ini menetapkan elemen sebagai “area background lukisan”.
Properti background-clip memungkinkan kamu untuk menentukan apakah background akan dicat ke “kotak konten”, “kotak
border”, atau “didalam kotak”.
Properti ini digunakan bersama dengan properti “background” terkait lainnya, seperti properti background-color dan
background-image.
CSS Syntax
background-clip: border-box | padding-box | content-box | initial | inherit;
Javascript Syntax
object.style.backgroundClip="content-box"
default
background-clip: border-box;
Latar belakang membentang sepenuhnya di seluruh elemen, bahkan di bawah perbatasan.
background-clip: padding-box;
Latar belakang hanya meluas ke tepi perbatasan: itu termasuk padding tetapi tidak perbatasan.
background-clip: content-box;
Latar belakang hanya meluas ke tepi konten : itu tidak termasuk padding, atau perbatasan.
Browser Support
Tabel berikut ini menunjukkan tingkat dukungan browser untuk fitur animasi yang disediakan oleh
Caniuse.com.