Proprietà background CSS

Definizione e uso

background Le proprietà abbreviate impostano tutte le proprietà di sfondo in una dichiarazione.

È possibile impostare le seguenti proprietà:

Se non si imposta alcun valore, non ci saranno problemi, ad esempio background:#ff0000 url('smiley.gif'); è permesso.

Di solito si consiglia di utilizzare questa proprietà piuttosto che utilizzare singoli attributi, poiché questa proprietà è supportata meglio nei browser più vecchi e richiede meno lettere da digitare.

Vedi anche:

Tutorial CSS:Sfondo CSS、Sfondo CSS (avanzato)

Manuale di riferimento HTML DOM:Proprietà background

Esempio

Come impostare tutte le proprietà di sfondo in una dichiarazione:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Prova tu stesso

Sintassi CSS

background: bg-color bg-image posizione/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Valore dell'attributo

Valore Descrizione CSS
background-color Specifica il colore di sfondo da utilizzare. 1
background-position Specifica la posizione dell'immagine di sfondo. 1
background-size Specifica la dimensione dell'immagine di sfondo. 3
background-repeat Specifica come ripetere l'immagine di sfondo. 1
background-origin Specifica l'area di posizionamento dell'immagine di sfondo. 3
background-clip Specifica l'area di disegno dello sfondo. 3
background-attachment Specifica se l'immagine di sfondo è fissa o scorre con il resto della pagina. 1
background-image Specifica l'immagine di sfondo da utilizzare. 1
inherit Specifica che l'impostazione dell'attributo background deve essere ereditata dal elemento genitore. 1

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: no
Versione: CSS1 + CSS3
Sintassi JavaScript: oggetto.style.background="white url(paper.gif) repeat-y"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5