Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

background

Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

<< Guida di riferimento ai CSS

Sommario

La proprietà background è una scorciatoia per impostare in un'unica riga i valori di altre proprietà inerenti allo sfondo. background può quindi essere utilizzata per impostare una o più tra le seguenti proprietà: background-attachment, background-color, background-image, background-position, background-repeat.

  • Valore iniziale: si vedano le singole proprietà
  • Si applica a: tutti gli elementi
  • Eredità: no
  • Valori percentuali: permessi per background-position
  • Media: visual
  • Valore calcolato: si vedano le singole proprietà

Sintassi

background: [background-color || background-image ||
    background-repeat || background-attachment ||
    background-position] | inherit]

Valori

background-color
si veda background-color.
background-image 
si veda background-image.
background-repeat 
si veda background-repeat.
background-attachment 
si veda background-attachment.
background-position 
si veda background-position.

Esempi

HTML

<p class="topbanner">
  Starry sky<br/>
  Twinkle twinkle<br/>
  Starry sky
</p>
<p class="warning">Here is a paragraph<p>

CSS

.warning { 
  background: red; 
}

.topbanner { 
  background: url("https://mdn.mozillademos.org/files/11983/starsolid.gif") #00D repeat-y fixed; 
}

Result

Note

Data una dichiarazione valida, la proprietà background prima imposta le singole proprietà relative al background ai loro valori iniziali, poi assegna i valori esplicitamente indicati nella dichiarazione. Non occorre quindi definire un valore per ognuna delle singole proprietà, ma solo per quelle a cui si desidera assegnare un valore diverso da quello predefinito.

Specifiche

Compatibilità con i browser

Browser Versione minima
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Si veda anche

background-attachment, background-color, background-image, background-position, background-repeat

Interwiki Language Links

 

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: SphinxKnight, teoli, Yuichiro, Federico
 Ultima modifica di: SphinxKnight,