Ultimele tutoriale de dezvoltare web
 

Style background Property

<Style Object

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