tutorial pengembangan web terbaru
 

Style backgroundOrigin Property

<Style Object

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