background-color

  • Raccourci de la révision : CSS/background-color
  • Titre de la révision : CSS : la propriété background-color
  • ID de la révision : 46960
  • Créé :
  • Créateur : Mgjbot
  • Version actuelle ? Non
  • Commentaire robot Ajoute: [[es:CSS:background-color]] <<langbot>>

Contenu de la révision

{{template.CSSRef()}}

Résumé

La propriété background-color définit la couleur d'arrière-plan d'un élément, soit avec une valeur de couleur, soit avec le mot clef transparent.

Syntaxe

background-color: couleur | transparent | inherit

Valeurs

couleur 
La couleur peut-être définie par une valeur hexadécimale, une valeur régulière RGB ou par des mots-clefs prédéfinis.
transparent 
La valeur par défaut de la propriété background-color. transparent signifie que l'élément n'a pas de couleur d'arrière-plan propre, mais qu'il a celle de l'élément situé en dessous de lui dans le contexte d'empilement.

Exemples

{{template.CSSRefExampleLink("background-color")}}

/* Mots clefs */
.exampleone {
	background-color: teal;
	color: white;
}
/* Valeurs RGB régulières */
.exampletwo {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}
/* Valeurs hexadécimales */
.examplethree {
	background-color: #666699;
	color: #ffffff;
}


Notes

(Add links to good colour reference sites here.) Note a rédiger : Le choix des couleurs est fondamental pour un site Web, autant pour son esthétisme que pour sa lisibilité. * http://www.yoyodesign.org/outils/ncolor/ncolor.html.fr

Spécifications

Compatibilité des navigateurs

TBD: This may be removed in favour of a centralized compatibility chart.

Navigateur background-color
Internet Explorer 6 Partiel
Internet Explorer 7 Partiel
Firefox 1.5 Oui
Firefox 2 Oui
Opera 8.5 Partiel
Opera 9 Partiel
Konqueror 3.5 Oui
Safari 2 Oui

Voir également

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

Interwiki Language Links


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

Source de la révision

<p> 
{{template.CSSRef()}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété <code>background-color</code> définit la couleur d'arrière-plan d'un élément, soit avec une valeur de couleur, soit avec le mot clef <code>transparent</code>.
</p>
<ul><li> <a href="fr/CSS/Valeur_initiale">Valeur initiale</a> : transparent
</li><li> S'applique à : tous les éléments
</li><li> <a href="fr/CSS/H%c3%a9ritage">Héritée</a> : non
</li><li> Pourcentages : N/A
</li><li> Média : <a href="fr/CSS/M%c3%a9dia/Visuel">visuel</a>
</li><li> <a href="fr/CSS/Valeur_calcul%c3%a9e">Valeur calculée</a> : comme spécifiée
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">background-color: <i>couleur</i> | transparent | inherit
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> couleur </dt><dd> La couleur peut-être définie par une valeur hexadécimale, une valeur régulière RGB ou par des mots-clefs prédéfinis.
</dd><dt> transparent </dt><dd> La valeur par défaut de la propriété <code>background-color</code>. <code>transparent</code> signifie que l'élément n'a pas de couleur d'arrière-plan propre, mais qu'il a celle de l'élément situé en dessous de lui dans le <a href="fr/Comprendre_le_z-index_en_CSS">contexte d'empilement</a>.
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.CSSRefExampleLink("background-color")}}
</p>
<pre class="eval">/* Mots clefs */
.exampleone {
	background-color: teal;
	color: white;
}
</pre>
<pre class="eval">/* Valeurs RGB régulières */
.exampletwo {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);
}
</pre>
<pre class="eval">/* Valeurs hexadécimales */
.examplethree {
	background-color: #666699;
	color: #ffffff;
}
</pre>
<p><br>
</p>
<h3 name="Notes"> Notes </h3>
<p><span class="comment">(Add links to good colour reference sites here.)</span>
<span class="comment">Note a rédiger : Le choix des couleurs est fondamental pour un site Web, autant pour son esthétisme que pour sa lisibilité.  * http://www.yoyodesign.org/outils/ncolor/ncolor.html.fr</span>
</p>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css1/#background-color">CSS 1 (fr)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS1#background-color">CSS 1 (en)</a>
</li><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-color">CSS 2 (fr)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">CSS 2.1 (en)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-color">CSS 3 (en)</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<p><span class="comment">TBD: This may be removed in favour of a centralized compatibility chart.</span>
</p>
<table class="standard-table">
  <tbody><tr>
    <th>Navigateur</th>
    <th>background-color</th>
  </tr>
  <tr>
    <td>Internet Explorer 6</td>
    <td>Partiel</td>
  </tr>
  <tr>
    <td>Internet Explorer 7</td>
    <td>Partiel</td>
  </tr>
  <tr>
    <td>Firefox 1.5</td>
    <td>Oui</td>
  </tr>
  <tr>
    <td>Firefox 2</td>
    <td>Oui</td>
  </tr>
  <tr>
    <td>Opera 8.5</td>
    <td>Partiel</td>
  </tr>
  <tr>
    <td>Opera 9</td>
    <td>Partiel</td>
  </tr>
  <tr>
    <td>Konqueror 3.5</td>
    <td>Oui</td>
  </tr>
  <tr>
    <td>Safari 2</td>
    <td>Oui</td>
  </tr>
</tbody></table>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{wiki.template('CSS_Reference:Background')}}
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/CSS/background-color", "es": "es/CSS/background-color", "it": "it/CSS/background-color", "pl": "pl/CSS/background-color" } ) }}
Revenir à cette révision