Gaya backgroundImage Properti
Contoh
Mengatur gambar latar belakang untuk dokumen:
document.body.style.backgroundImage = "url('img_tree.png')";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti backgroundImage menyetel atau mengembalikan gambar latar belakang suatu elemen.
Tip: Selain gambar latar, Anda juga harus menentukan warna latar. Warna latar belakang akan digunakan jika gambar tidak tersedia.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaksis
Kembalikan properti backgroundImage:
object.style.backgroundImage
Setel properti backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Nilai properti
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
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: | tidak ada |
---|---|
Nilai Kembali: | Sebuah String, mewakili gambar latar belakang |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Setel gambar latar belakang elemen <div> tertentu:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Contoh
Kembalikan gambar latar belakang elemen <div> tertentu:
alert(document.getElementById("myDiv").style.backgroundImage);
Contoh
Kembalikan gambar latar belakang dokumen:
alert(document.body.style.backgroundImage);
Halaman Terkait
Tutorial CSS: Latar Belakang CSS
Tutorial CSS3: Latar Belakang CSS3
Referensi CSS: properti gambar latar belakang
Referensi DOM HTML: properti latar belakang