Atribut Style backgroundOrigin
- Halaman Sebelumnya backgroundClip
- Halaman Berikutnya backgroundSize
- Kembali ke Lapisan Atas Objek Style DOM HTML
Definisi dan penggunaan
backgroundOrigin
Atribut menentukan atribut background-position berada di posisi mana.
Keterangan:Jika atribut background-attachment gambar latar belakang adalah "fixed"
, maka atribut ini tidak ber efek.
Contoh
Tempatkan gambar latar belakang terhadap kotak konten:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Syarat
Kembalikan atribut backgroundOrigin:
object.style.backgroundOrigin
Atur atribut backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
padding-box | Nilai standar. Gambar latar belakang ditempatkan terhadap kotak margin. |
border-box | Gambar latar belakang ditempatkan terhadap kotak batas. |
content-box | Gambar latar belakang ditempatkan terhadap kotak konten. |
initial | Atur atribut ini ke nilai standarnya. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai standar: | padding-box |
---|---|
Nilai kembalian: | String, menunjukkan elemen Properti background-origin. |
Versi CSS: | CSS3 |
Dukungan peramban
backgroundOrigin
adalah fitur CSS3 (1999).
Seluruh peramban menolong mendukungnya:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan | 11 |
Halaman-Related
Panduan Referensi CSS:Properti background-origin
- Halaman Sebelumnya backgroundClip
- Halaman Berikutnya backgroundSize
- Kembali ke Lapisan Atas Objek Style DOM HTML