--- title: background slug: Web/CSS/background translation_of: Web/CSS/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.

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

{{EmbedLiveSample("Esempi")}}

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

 

{{ languages( { "de": "de/CSS/background", "en": "en/CSS/background", "es": "es/CSS/background", "fr": "fr/CSS/background", "ja": "ja/CSS/background", "ko": "ko/CSS/background", "pl": "pl/CSS/background", "zh-cn": "cn/CSS/background" } ) }}