Sifat Style backgroundImage

Definisi dan penggunaan

backgroundImage Tetapkan atau balikkan imej latar belakang elemen.

Panduan:Di samping imej latar belakang, anda sepatutnya menetapkan warna latar. Jika imej tidak tersedia, warna latar akan digunakan.

Lihat juga:

Gaya HTML:Sifat latar

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Sifat background-image

Contoh

Contoh 1

Tetapkan imej latar belakang dokumen:

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

Cuba sendiri

Contoh 2

Tetapkan imej latar belakang elemen <div> yang spesifik:

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

Cuba sendiri

Contoh 3

Balikkan imej latar belakang elemen <div> yang spesifik:

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

Cuba sendiri

Contoh 4

Balikkan imej latar belakang dokumen:

alert(document.body.style.backgroundImage);

Cuba sendiri

Sintaks

Balikkan sifat backgroundImage:

object.style.backgroundImage

Tetapkan sifat backgroundImage:

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

Nilai sifat

Nilai Penerangan
url('URL') Lokasi fail imej.
none Tiada imej latar belakang. Lalai.
initial Tetapkan sifat ini kepada nilai lalai. Lihat initial.
inherit Mewarisi sifat ini dari elemen induknya. Lihat inherit.

Butiran teknikal

Nilai lalai: none
Hasil balik: String yang menyatakan imej latar belakang.
Versi CSS: CSS1

Pelayar web yang mendukung

backgroundImage Adalah fitur CSS1 (1996).

Semua pelayar web mengesahkan penuhnya ia:

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