Exemplu
Setați un fundal imagine pentru <body> Elementul:
body
{
background-image: url("paper.gif");
background-color: #cccccc;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea background-image stabilește una sau mai multe imagini de fundal pentru un element.
Fundalul unui element este dimensiunea totală a elementului, inclusiv padding și la frontieră (but not the margin) și (but not the margin) .
În mod implicit, un fundal imagine este plasat în colțul din stânga sus al unui element, și repetate atât pe verticală cât și pe orizontală.
Tip: Setați întotdeauna o culoare de fundal pentru a fi utilizat în cazul în care imaginea nu este disponibilă.
Valoare implicită: | none |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS1 + new values in CSS3 |
sintaxa JavaScript: | object .style.backgroundImage=" url(smiley.gif) " Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note: IE8 și versiuni anterioare nu acceptă mai multe imagini de fundal pe un singur element.
CSS Sintaxa
background-image: Valori de proprietate Valoare Descriere url(' URL ') Adresa URL a imaginii. Pentru a specifica mai mult de o imagine, separați adresele URL cu o virgulă none Nici o imagine de fundal va fi afișată. 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
Mai multe exemple
Exemplu
Setați mai multe imagini de fundal pentru <body> Elementul:
body {
background-image: url("img_tree.gif"),
url("img_flwr.gif");
background-color: #cccccc;
}
Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Context
Tutorial CSS3: CSS3 Fundaluri
HTML DOM referință: backgroundImage property