Gli ultimi tutorial di sviluppo web
 

Style background Property

<Stile di oggetto

Esempio

Lo stile lo sfondo di un documento:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

I set di fondo di proprietà o ritorni fino a otto proprietà dello sfondo separati, in una forma abbreviata.

Con questa proprietà, è possibile impostare / return uno o più dei seguenti (in qualsiasi ordine):

  • colore di sfondo
  • immagine di sfondo
  • background-repeat
  • background-attachment
  • background-position
  • background-size
  • background-origine
  • background-clip di

Le proprietà di cui sopra possono essere impostati anche con proprietà di stile separati. L'uso di edifici separati che è altamente raccomandato per gli autori non avanzati per una migliore manovrabilità.


Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Proprietà
background 1.0 4.0 1.0 1.0 3.5

Nota: Vedere sostegno individuale del browser per ogni valore al di sotto.


Sintassi

Restituisce la proprietà background:

object .style.background

Impostare la proprietà di fondo:

object .style.background=" I valori delle proprietà
Valore Descrizione
color Imposta il colore di sfondo di un elemento
image Imposta l'immagine di sfondo di un elemento
repeat Imposta come verrà ripetuto un'immagine di sfondo
attachment Imposta se un'immagine di sfondo è fissa o scorre con la pagina
position Imposta la posizione di partenza di un'immagine di sfondo
size Imposta la dimensione di un'immagine di sfondo
origin Imposta l'area di posizionamento sfondo
clip Imposta l'area di pittura di un'immagine di sfondo
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default: trasparente none repeat scroll 0% border-box padding-box auto 0%
Valore di ritorno: A String, che rappresenta lo sfondo di un elemento
CSS Version CSS1 + nuove proprietà in CSS3

Altri esempi

Esempio

Cambiare lo sfondo di un elemento DIV:

document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";
Prova tu stesso "

Esempio

Impostare un colore di sfondo per un documento:

document.body.style.backgroundColor = "red";
Prova tu stesso "

Esempio

Impostare un'immagine di sfondo per un documento:

document.body.style.backgroundImage = "url('img_tree.png')";
Prova tu stesso "

Esempio

Impostare un background-image per no-repeat:

document.body.style.backgroundRepeat = "repeat-y";
Prova tu stesso "

Esempio

Impostare il background-image da fissare (will not scroll) :

document.body.style.backgroundAttachment = "fixed";
Prova tu stesso "

Esempio

Cambiare la posizione di un background-image:

document.body.style.backgroundPosition = "top right";
Prova tu stesso "

Esempio

Restituire i valori delle proprietà di sfondo di un documento:

document.body.style.background;
Prova tu stesso "

Pagine correlate

CSS tutorial: Sfondo CSS

CSS3 tutorial: CSS3 Backgrounds

Di riferimento CSS: background property


<Stile di oggetto