background

  • Revision slug: CSS/background
  • Revision title: background
  • Revision id: 89608
  • Created:
  • Creator: Federico
  • Is current revision? No
  • Comment

Revision Content

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

background

body { 
    background: red;
}

.banner {
    background: url("banner.png") #00D repeat fixed;
}

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


{{ wiki.languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "pl": "pl/CSS/background" } ) }}

Revision Source

<p>
</p>
<h3 name="Sommario"> Sommario </h3>
<p>La proprietà <code>background</code> è una scorciatoia per impostare in un'unica riga i valori di altre proprietà inerenti allo sfondo. <code>background</code> può quindi essere utilizzata per impostare una o più tra le seguenti proprietà: <code><a href="it/CSS/background-attachment">background-attachment</a></code>, <code><a href="it/CSS/background-color">background-color</a></code>, <code><a href="it/CSS/background-image">background-image</a></code>, <code><a href="it/CSS/background-position">background-position</a></code>, <code><a href="it/CSS/background-repeat">background-repeat</a></code>.
</p>
<ul><li> Valore iniziale: si vedano le singole proprietà
</li><li> Si applica a: tutti gli elementi
</li><li> Eredità: no
</li><li> Valori percentuali: permessi per <code><a href="it/CSS/background-position">background-position</a></code>
</li><li> Media: <code><a href="it/CSS/Media/Visual">visual</a></code>
</li><li> Valore calcolato: si vedano le singole proprietà
</li></ul>
<h3 name="Sintassi"> Sintassi </h3>
<pre class="eval">background: [<i>background-color</i> || <i>background-image</i> ||
    <i>background-repeat</i> || <i>background-attachment</i> ||
    <i>background-position</i>] | <i>inherit</i>]
</pre>
<h3 name="Valori"> Valori </h3>
<dl><dt> background-color</dt><dd> si veda <code><a href="it/CSS/background-color">background-color</a></code>.
</dd><dt> background-image </dt><dd> si veda <code><a href="it/CSS/background-image">background-image</a></code>.
</dd><dt> background-repeat </dt><dd> si veda <code><a href="it/CSS/background-repeat">background-repeat</a></code>.
</dd><dt> background-attachment </dt><dd> si veda <code><a href="it/CSS/background-attachment">background-attachment</a></code>.
</dd><dt> background-position </dt><dd> si veda <code><a href="it/CSS/background-position">background-position</a></code>.
</dd></dl>
<h3 name="Esempi"> Esempi </h3>
<p><a href="it/CSS/background">background</a>
</p>
<pre>body { 
    background: red;
}

.banner {
    background: url("banner.png") #00D repeat fixed;
}
</pre>
<h3 name="Note"> Note </h3>
<p>Data una dichiarazione valida, la proprietà <code>background</code> 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.
</p>
<h3 name="Specifiche"> Specifiche </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background">CSS 3</a>
</li></ul>
<h3 name="Compatibilit.C3.A0_con_i_browser"> Compatibilità con i browser </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Versione minima</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>6</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>3.5</td>
  </tr>
</tbody></table>
<h3 name="Si_veda_anche"> Si veda anche </h3>
<p><code><a href="it/Background-attachment">background-attachment</a></code>, 
<code><a href="it/Background-color">background-color</a></code>, 
<code><a href="it/Background-image">background-image</a></code>, 
<code><a href="it/Background-position">background-position</a></code>, 
<code><a href="it/Background-repeat">background-repeat</a></code>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "pl": "pl/CSS/background" } ) }}
Revert to this revision