Ultimele tutoriale de dezvoltare web
 

Style backgroundImage Property

<Style Object

Exemplu

Setați o imagine de fundal pentru un document:

document.body.style.backgroundImage = "url('img_tree.png')";
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Seturile de proprietate backgroundImage sau returnează imaginea de fundal a unui element.

Tip: În plus față de imaginea de fundal, ar trebui să specificați , de asemenea , o culoare de fundal. Fundalul-culoare va fi utilizată în cazul în care imaginea nu este disponibilă.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.

Proprietate
backgroundImage 1.0 4 1.0 1.0 3.5

Sintaxă

Întoarcere proprietatea backgroundImage:

object .style.backgroundImage

Setați proprietatea backgroundImage:

object .style.backgroundImage="url(' Valori de proprietate
Valoare Descriere
url( 'URL' ) Locația fișierului imagine
none Nici o imagine de fundal. Acest lucru este implicit
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: nici unul
Întoarcere Valoare: Un șir, care reprezintă o imagine de fundal
CSS Versiune CSS1

Mai multe exemple

Exemplu

Setați o imagine de fundal a unui anumit <div> Element:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Încearcă - l singur »

Exemplu

Întoarcere imaginea de fundal a unui anumit <div> Element:

alert(document.getElementById("myDiv").style.backgroundImage);
Încearcă - l singur »

Exemplu

Întoarcere imaginea de fundal a unui document:

alert(document.body.style.backgroundImage);
Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS Context

Tutorial CSS3: CSS3 Fundaluri

Referință CSS: background-image property

HTML DOM de referință: background property de background property


<Style Object