Exemplu
Stilul fundalul unui document:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top";
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de fundal de proprietate sau se întoarce de până la opt proprietăți de fundal separate, într-o formă prescurtare.
Cu această proprietate, puteți seta / returna una sau mai multe dintre următoarele (în orice ordine):
- culoare de fundal
- imagine de fundal
- fundal repetare
- background-attachment
- background-position
- background-size
- fundal origine
- fundal clip
Proprietățile de mai sus pot fi de asemenea stabilite cu proprietăți de stil separate. Utilizarea de proprietăți separate este foarte recomandat pentru autori non-avansate pentru o mai bună manevrabilitate.
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 |
Notă: A se vedea sprijin individual de browser pentru fiecare valoare de mai jos.
Sintaxă
Întoarcere proprietatea de fundal:
object .style.background
Setați proprietatea de fond:
object .style.background=" Valori de proprietate Valoare Descriere color Setează culoarea de fundal a unui element image Setează imaginea de fundal pentru un element repeat Setează modul în care o imagine de fundal se va repeta attachment Setează dacă o imagine de fundal este fix sau suluri cu pagina position Setează poziția de pornire a unei imagini de fundal size Setează dimensiunea unei imagini de fundal origin Setează zona de poziționare fundal clip Setează zona de pictură a unei imagini de fundal 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ă: transparent, nici unul repeta parcurgere 0% 0% auto padding-box-box de frontieră Întoarcere Valoare: Un șir, care reprezintă fundalul unui element CSS Versiune CSS1 + proprietăți noi în CSS3
Mai multe exemple
Exemplu
Schimbarea fundalul unui element DIV:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; Încearcă - l singur »
Exemplu
Setați o culoare de fundal pentru un document:
document.body.style.backgroundColor = "red"; Încearcă - l singur »
Exemplu
Setați o imagine de fundal pentru un document:
document.body.style.backgroundImage = "url('img_tree.png')"; Încearcă - l singur »
Exemplu
Setați un fundal de imagine pentru a nu-repeta:
document.body.style.backgroundRepeat = "repeat-y"; Încearcă - l singur »
Exemplu
Setați imaginea de fundal care urmează să fie stabilită (will not scroll) se (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; Încearcă - l singur »
Exemplu
Schimbați poziția unui fundal imagine:
document.body.style.backgroundPosition = "top right"; Încearcă - l singur »
Exemplu
Întoarceți valorile de proprietate de fond ale unui document:
document.body.style.background; Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Context
Tutorial CSS3: CSS3 Fundaluri
Referință CSS: background property de background property
<Style Object