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