background

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