Contoh
Posisikan gambar latar belakang relatif terhadap kotak konten:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Cobalah sendiri " Definisi dan Penggunaan
The backgroundOrigin set properti atau mengembalikan apa properti background-position adalah relatif.
Note: Jika properti background-attachment untuk gambar latar belakang "fixed" , properti ini tidak berpengaruh.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaksis
Kembali properti backgroundOrigin:
object .style.backgroundOrigin
Mengatur properti backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| padding-box | nilai default. Gambar latar belakang diposisikan relatif terhadap kotak bantalan |
| border-box | Gambar latar belakang diposisikan relatif terhadap kotak perbatasan |
| content-box | Gambar latar belakang diposisikan relatif terhadap kotak konten |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | padding-kotak |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti background-asal elemen |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: background-origin property
<Style Object