Atribut Style backgroundClip
- Hal Sebelumnya backgroundRepeat
- Hal Berikutnya backgroundOrigin
- Kembali ke Tingkat Atas Objek Style HTML DOM
Definisi dan penggunaan
backgroundClip
Atur atau kembalikan area pengecatan latar belakang.
Lihat juga:
Gaya HTML:Atribut background
Panduan CSS:Latar Belakang CSS
Panduan CSS3:Latar belakang CSS3
Panduan CSS:Atribut background-clip
Contoh
Tentukan area pengecatan latar belakang:
document.getElementById("myDIV").style.backgroundClip = "content-box";
Sintaks
Kembalikan atribut backgroundClip:
object.style.backgroundClip
Setel atribut backgroundClip:
object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
border-box | Nilai baku. Latar belakang di potong ke kotak border (border box). |
padding-box | Latar belakang di potong ke kotak margin. |
content-box | Latar belakang di potong ke kotak konten. |
initial | Setel atribut ini ke nilai baku. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai baku: | border-box |
---|---|
Nilai kembalian: | String, yang menyatakan elemen Atribut background-clip. |
Versi CSS: | CSS3 |
Dukungan peramban
backgroundClip
Adalah fitur CSS3 (1999).
Seluruh peramban mendukungnya penuhnya:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan | 11 |
- Hal Sebelumnya backgroundRepeat
- Hal Berikutnya backgroundOrigin
- Kembali ke Tingkat Atas Objek Style HTML DOM