Atribut backgroundOrigin Style
- Halaman Sebelumnya backgroundClip
- Halaman Berikutnya backgroundSize
- Kembali ke Lapisan Atas Objek Style HTML DOM
Definisi dan penggunaan
backgroundOrigin
Atribut ini menentukan bagaimana atribut background-position ditempatkan.
Keterangan:Jika atribut background-attachment gambar latar belakang adalah "fixed"
jika atribut ini tidak berpengaruh.
Contoh
Tempatkan gambar latar belakang berdasarkan kotak konten:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Sintaks
Kembalian atribut backgroundOrigin:
object.style.backgroundOrigin
Tetapkan atribut backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
padding-box | Nilai baku. Gambar latar belakang ditempatkan berdasarkan kotak marjin. |
border-box | Gambar latar belakang ditempatkan berdasarkan kotak batas. |
content-box | Gambar latar belakang ditempatkan berdasarkan kotak konten. |
initial | Tetapkan atribut ini ke nilai baku. Lihat initial. |
inherit | Mewarisi atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai baku: | padding-box |
---|---|
Kembalian nilai: | String, menunjukkan elemen Sifat background-origin. |
Versi CSS: | CSS3 |
Pemungutan dukungan pelayar
backgroundOrigin
Adalah fitur CSS3 (1999).
Semua pelayar web sepenuhnya mendukungnya:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Dukung | Dukung | Dukung | Dukung | Dukung | 11 |
Laman Berkenaan
Panduan CSS:Sifat background-origin
- Halaman Sebelumnya backgroundClip
- Halaman Berikutnya backgroundSize
- Kembali ke Lapisan Atas Objek Style HTML DOM