Atribut Style backgroundImage

Definisi dan penggunaan

backgroundImage Atur atau kembalikan gambar latar elemen.

Petunjuk:Selain gambar latar, Anda seharusnya menentukan warna latar. Jika gambar tidak tersedia, warna latar akan digunakan.

Lihat juga:

Gaya HTML:Atribut background

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Atribut background-image

Contoh

Contoh 1

Atur gambar latar dokumen:

document.body.style.backgroundImage = "url('img_tree.png')";

Coba sendiri

Contoh 2

Atur gambar latar elemen <div> yang spesifik:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Coba sendiri

Contoh 3

Kembalikan gambar latar elemen <div> yang spesifik:

alert(document.getElementById("myDiv").style.backgroundImage);

Coba sendiri

Contoh 4

Kembalikan gambar latar dokumen:

alert(document.body.style.backgroundImage);

Coba sendiri

Sintaks

Kembalikan atribut backgroundImage:

object.style.backgroundImage

Atur atribut backgroundImage:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Nilai atribut

Nilai Deskripsi
url('URL) Lokasi file gambar.
none Tidak ada gambar latar. Standar.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: none
Nilai kembalian: String yang menyatakan gambar latar.
Versi CSS: CSS1

Dukungan peramban

backgroundImage Adalah fitur CSS1 (1996).

Seluruh peramban mendukungnya penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan