background

<< 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

• CSS 1
• CSS 2.1
• CSS 3

Compatibilità con i browser

Si veda anche

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

Interwiki Language Links