Exemplu
Set de fundal proprietăți diferite într-o singură declarație:
body
{
background: #00ff00 url("smiley.gif") no-repeat fixed center;
}
Încearcă - l singur » Definiție și utilizare
proprietate prescurtare Fundalul setează toate proprietățile de fond într-o singură declarație.
Proprietățile care pot fi setate, sunt: culoare de fundal, fundal imagine, background-position, fundal dimensiuni, fundal repetare, fundal origine, fundal-clip, și background-attachment.
Nu contează dacă una dintre valorile de mai sus lipsesc, de exemplu , fundal: # FF0000 url(smiley.gif) ; este permis.
| Valoare implicită: | see individual properties |
|---|---|
| Mostenit: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versiune: | CSS1 + new properties in CSS3 |
| sintaxa JavaScript: | object .style.background="red url(smiley.gif) top left no-repeat" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note: Internet Explorer 8 și versiunile anterioare nu acceptă mai multe imagini de fundal pe un singur element.
Notă: A se vedea sprijin individual de browser pentru fiecare valoare de mai jos.
CSS Sintaxa
background: Notă: În cazul în care una dintre proprietățile în declarația stenografie este proprietatea bg-size, trebuie să utilizați un / (slash) pentru a - l separa de proprietate bg-poziție, de exemplu , background: url(smiley.gif) - background: url(smiley.gif) 10px 20px / 50px 50px ; va avea ca rezultat o imagine de fundal, poziționat 10 pixeli din stânga, 20 de pixeli din partea de sus, iar dimensiunea imaginii va fi de 50 de pixeli lățime și 50 pixeli. Notă: Dacă utilizați mai multe surse de fundal imagine , dar doresc , de asemenea , o culoare de fundal, parametrul de culoare de fundal trebuie să fie ultimul în listă.
Valori de proprietate
Valoare Descriere CSS background-color Specifică culoarea de fond care urmează să fie utilizate 1 background-image Specifică unul sau mai multe imagini de fundal pentru a fi utilizate 1 background-position Specifică poziția imaginilor de fundal 1 background-size Specifică dimensiunea imaginilor de fundal 3 background-repeat Specifică modul în care să repete imaginile de fundal 1 background-origin Specifică zona de poziționare a imaginilor de fundal 3 background-clip Specifică zona de pictură a imaginilor de fundal 3 background-attachment Specifică dacă imaginile de fundal sunt fixe sau suluri cu restul paginii 1 iniţială Setează această proprietate la valoarea implicită. Citiți despre inițială 3 moşteni Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc 2
Pagini similare
Tutorial CSS: CSS Context
Tutorial CSS3: CSS3 Fundaluri
HTML DOM de referință: background property de background property