Latar belakang gayaOrigin Property
Contoh
Posisikan gambar latar belakang relatif terhadap kotak konten:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definisi dan Penggunaan
Properti backgroundOrigin menyetel atau mengembalikan properti background-position relatif.
Catatan: Jika properti lampiran latar belakang untuk gambar latar belakang "diperbaiki", properti ini tidak berpengaruh.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaksis
Kembalikan properti backgroundOrigin:
object.style.backgroundOrigin
Setel properti backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Nilai properti
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | padding-kotak |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti background-origin dari sebuah elemen |
Versi CSS | CSS3 |
Halaman Terkait
Referensi CSS: properti asal latar belakang