mozilla

Revision 89647 of background-color

  • Revision slug: CSS/background-color
  • Revision title: background-color
  • Revision id: 89647
  • Created:
  • Creator: Federico
  • Is current revision? No
  • Comment /* Si veda anche */

Revision Content

Sommario

La proprietà background-color imposta il colore di sfondo di un elemento tramite un valore esadecimale, tramite un nome di colore valido in inglese, oppure tramite la parola chiave transparent o inherit.

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

Sintassi

background-color: color | transparent | inherit

Valori

color 
Il colore può essere specificato come valore RGB esadecimale, oppure utilizzando un nome di colore predefinito in inglese.
transparent 
Il valore iniziale di background-color è transparent, il che significa che l'elemento non ha un proprio colore, ma è trasparente.

Esempi

.esempioUno {
	background-color: teal;
	color: white;
}

.esempioDue {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}

.esempioTre {
	background-color: #666699;
	color: #FFFFFF;
}

Specifiche

Si veda anche

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

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

Revision Source

<p> 
</p>
<h3 name="Sommario"> Sommario </h3>
<p>La proprietà <code>background-color</code> imposta il colore di sfondo di un elemento tramite un valore esadecimale, tramite un nome di colore valido in inglese, oppure tramite la parola chiave <code>transparent</code> o <code>inherit</code>.
</p>
<ul><li> Valore iniziale: transparent
</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-color: <i>color</i> | transparent | inherit
</pre>
<h3 name="Valori"> Valori </h3>
<dl><dt> color </dt><dd> Il colore può essere specificato come valore RGB esadecimale, oppure utilizzando un nome di colore predefinito in inglese.
</dd><dt> transparent </dt><dd> Il valore iniziale di <code>background-color</code> è <code>transparent</code>, il che significa che l'elemento non ha un proprio colore, ma è trasparente.
</dd></dl>
<h3 name="Esempi"> Esempi </h3>
<pre>.esempioUno {
	background-color: teal;
	color: white;
}

.esempioDue {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}

.esempioTre {
	background-color: #666699;
	color: #FFFFFF;
}

</pre>
<h3 name="Specifiche"> Specifiche </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background-color">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-color">CSS 3</a>
</li></ul>
<h3 name="Si_veda_anche"> Si veda anche </h3>
<p><code><a href="it/CSS/background">background</a></code>, <code><a href="it/CSS/background-attachment">background-attachment</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>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/CSS/background-color", "fr": "fr/CSS/background-color", "pl": "pl/CSS/background-color" } ) }}
Revert to this revision