Contoh
Tentukan daerah lukisan latar belakang:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti background-clip menentukan daerah lukisan latar belakang.
nilai default: | border-box |
---|---|
mewarisi: | no |
animatable: | no. Read about animatable |
Versi: | CSS3 |
sintaks JavaScript: | object .style.backgroundClip="content-box" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS Syntax
background-clip: border-box|padding-box|content-box|initial|inherit;
Nilai properti
Nilai | Deskripsi | Mainkan |
---|---|---|
border-box | nilai default. latar belakang dijepitkan kotak perbatasan | Mainkan " |
padding-box | latar belakang dijepitkan kotak bantalan | Mainkan " |
content-box | latar belakang dijepitkan kotak konten | Mainkan " |
initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS3 tutorial: Backgrounds CSS3
Referensi HTML DOM: backgroundClip property