Contoh
Mengatur gambar latar belakang untuk dokumen:
document.body.style.backgroundImage = "url('img_tree.png')"; Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
BackgroundImage set properti atau mengembalikan gambar latar belakang dari elemen.
Tip: Selain background-image Anda juga harus menentukan latar belakang warna. Latar belakang warna akan digunakan jika gambar tidak tersedia.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti backgroundImage:
object .style.backgroundImage
Mengatur properti backgroundImage:
object .style.backgroundImage="url(' Nilai properti Nilai Deskripsi url( 'URL' ) Lokasi file gambar none Tidak ada latar belakang gambar. Ini adalah default initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tak satupun Kembali Nilai: Sebuah String, mewakili gambar latar belakang CSS Versi CSS1
Contoh lebih
Contoh
Mengatur gambar latar belakang dari tertentu <div> elemen:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; Cobalah sendiri "
Contoh
Kembalikan gambar latar belakang dari tertentu <div> elemen:
alert(document.getElementById("myDiv").style.backgroundImage); Cobalah sendiri "
Contoh
Kembalikan gambar latar belakang dari dokumen:
alert(document.body.style.backgroundImage); Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Background
CSS3 tutorial: Backgrounds CSS3
Referensi CSS: background-image property
Referensi HTML DOM: background property
<Style Object