background-attachment

  • Revision slug: CSS/background-attachment
  • Revision title: background-attachment
  • Revision id: 164060
  • Created:
  • Creator: Federico
  • Is current revision? No
  • Comment Nuova pagina: <breadcrumbs></breadcrumbs> __NOTOC__ == Sommario == Se è stata specificata una <code>[[CSS:background-image|background-image]]</code>, la proprietà <code>background-attachment</cod...

Revision Content

Sommario

Se è stata specificata una background-image, la proprietà background-attachment determina se l'immagine è fissa o può scorrere all'interno dell'elemento al quale è assegnata.

  • Valore iniziale: scroll
  • Si applica a: tutti gli elementi
  • Eredità: no
  • valori percentuali: non applicabile
  • Media: visual
  • Valore calcolato: come specificato

Sintassi

background-attachment: scroll | fixed | inherit

Valori

scroll 
Se scroll viene specificato, l'immagine di sfondo può scorrere all'interno dell'elemento al quale è assegnata
fixed 
Se fixed viene specificato, l'immagine di sfondo è fissa nell'elemento che la contiene

Esempi

body {
	background-image: url("images/cartooncat.png");
	background-position: bottom left;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

Specifiche

Compatibilità con i browser

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

Si veda anche

{{wiki.template('CSS_Reference:Background')}}

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

Revision Source

<p> 
</p>
<h3 name="Sommario"> Sommario </h3>
<p>Se è stata specificata una <code><a href="it/CSS/background-image">background-image</a></code>, la proprietà <code>background-attachment</code> determina se l'immagine è fissa o può scorrere all'interno dell'elemento al quale è assegnata.
</p>
<ul><li> Valore iniziale: scroll
</li><li> Si applica a: tutti gli elementi
</li><li> Eredità: no
</li><li> valori percentuali: non applicabile
</li><li> Media: <code><a href="it/CSS/Media/Visual">visual</a></code>
</li><li> Valore calcolato: come specificato
</li></ul>
<h3 name="Sintassi"> Sintassi </h3>
<pre class="eval">background-attachment: scroll | fixed | inherit
</pre>
<h3 name="Valori"> Valori </h3>
<dl><dt> scroll </dt><dd> Se <code>scroll</code> viene specificato, l'immagine di sfondo può scorrere all'interno dell'elemento al quale è assegnata
</dd><dt> fixed </dt><dd> Se <code>fixed</code> viene specificato, l'immagine di sfondo è fissa nell'elemento che la contiene
</dd></dl>
<h3 name="Esempi"> Esempi </h3>
<pre>body {
	background-image: url("images/cartooncat.png");
	background-position: bottom left;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
</pre>
<h3 name="Specifiche"> Specifiche </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background-attachment">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-attachment">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>{{wiki.template('CSS_Reference:Background')}}
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "fr": "fr/CSS/background-attachment", "pl": "pl/CSS/background-attachment" } ) }}
Revert to this revision