Sifat backgroundClip style
- Halaman Sebelumnya backgroundRepeat
- Halaman Berikutnya backgroundOrigin
- Kembali ke Tingkat Atas Objek Style HTML DOM
Definisi dan penggunaan
backgroundClip
Tetapkan atau kembalikan kawasan pereka latar belakang.
Lihat juga:
Gaya HTML:Sifat background
Panduan CSS:Latar Belakang CSS
Panduan CSS3:Latar belakang CSS3
Panduan CSS:Sifat background-clip
Contoh
Tentukan kawasan pereka latar belakang:
document.getElementById("myDIV").style.backgroundClip = "content-box";
Sintaks
Kembalian sifat backgroundClip:
object.style.backgroundClip
Tetapkan sifat backgroundClip:
object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"
Nilai sifat
Nilai | Deskripsi |
---|---|
border-box | Nilai lalai. Latar belakang disingkat ke kotak border (border box). |
padding-box | Latar belakang disingkat ke kotak margin. |
content-box | Latar belakang disingkat ke kotak konten. |
initial | Tetapkan sifat ini ke nilai lalai. Lihat initial. |
inherit | Mewarisi sifat ini dari elemen induknya. Lihat inherit. |
Detil teknikal
Nilai lalai: | border-box |
---|---|
Hasil kembalian: | string, menunjukkan elemen Sifat background-clip. |
Versi CSS: | CSS3 |
Pendukung pelayar
backgroundClip
adalah fitur CSS3 (1999).
Semua pelayar web menyokongnya sepenuhnya:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Dukung | Dukung | Dukung | Dukung | Dukung | 11 |
- Halaman Sebelumnya backgroundRepeat
- Halaman Berikutnya backgroundOrigin
- Kembali ke Tingkat Atas Objek Style HTML DOM