border-bottom-color

  • Raccourci de la révision : CSS/border-bottom-color
  • Titre de la révision : border-bottom-color
  • ID de la révision : 46947
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire Document à relire

Contenu de la révision

{{template.CSSRef()}} {{wiki.template('Traduction_à_relire')}}

Résumé

La propriété border-bottom-color définit la couleur de la bordure inférieure d'un élément, soit à l'aide d'une valeur de couleur soit à l'aide du mot clef transparent.

  • Valeur initiale : propriété {{template.Cssxref("color")}}
  • S'applique à : tous les éléments
  • Héritée : non
  • Pourcentages : N/A
  • Média : visuel
  • Valeur calculée : lorsqu'elle est issue de la propriété {{template.Cssxref("color")}}, la valeur calculée de {{template.Cssxref("color")}} ; autrement, comme spécifiée

Syntaxe

border-bottom-color: couleur | transparent | inherit

Valeurs

couleur 
La couleur peut être spécifiée par une valeur RGB hexadécimale, une valeur RGB régulière ou un mot clef de couleur prédéfini.
transparent 
L'élément n'a pas de couleur propre. Il affiche la couleur de l'élément se trouvant derrière lui dans le contexte d'empilement.

Propriétés connexes

  • {{template.Cssxref("border-color")}}
  • {{template.Cssxref("border-left-color")}}
  • {{template.Cssxref("border-right-color")}}
  • {{template.Cssxref("border-top-color")}}

Exemples

{{template.CSSRefExampleLink("border")}}

element {
	width: 300px;
        padding: 15px;
        border-bottom-size: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000;
}

Notes

Spécifications

Compatibilité des navigateurs

Navigateur Version miniamle
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5


Voir également

{{wiki.template('Référence_CSS:Border-bottom')}}

Interwiki Language Links

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

Source de la révision

<p> 
{{template.CSSRef()}}
{{wiki.template('Traduction_à_relire')}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété <code>border-bottom-color</code> définit la couleur de la bordure inférieure d'un élément, soit à l'aide d'une valeur de couleur soit à l'aide du mot clef <code>transparent</code>.
</p>
<ul><li> Valeur initiale : propriété {{template.Cssxref("color")}}
</li><li> S'applique à : tous les éléments
</li><li> Héritée : non
</li><li> Pourcentages : N/A
</li><li> Média : <a href="fr/CSS/M%c3%a9dia/Visuel">visuel</a>
</li><li> Valeur calculée : lorsqu'elle est issue de la propriété {{template.Cssxref("color")}}, la valeur calculée de {{template.Cssxref("color")}} ; autrement, comme spécifiée
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">border-bottom-color: <i>couleur</i> | transparent | inherit
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> couleur </dt><dd> La couleur peut être spécifiée par une valeur RGB hexadécimale, une valeur RGB régulière ou un mot clef de couleur prédéfini.
</dd><dt> transparent </dt><dd> L'élément n'a pas de couleur propre. Il affiche la couleur de l'élément se trouvant derrière lui dans le contexte d'empilement.
</dd></dl>
<h3 name="Propri.C3.A9t.C3.A9s_connexes"> Propriétés connexes </h3>
<ul><li> {{template.Cssxref("border-color")}}
</li><li> {{template.Cssxref("border-left-color")}}
</li><li> {{template.Cssxref("border-right-color")}}
</li><li> {{template.Cssxref("border-top-color")}}
</li></ul>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.CSSRefExampleLink("border")}}
</p>
<pre class="eval">element {
	width: 300px;
        padding: 15px;
        border-bottom-size: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000;
}
</pre>
<h3 name="Notes"> Notes </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/outils/ncolor/ncolor.php?langue=fr">Sélecteur de couleur, chez yoyodesign (fr)</a>
</li></ul>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/box.html#propdef-border-bottom-color">CSS 2 (fr)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color">CSS 2.1 (en)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#border-bottom">CSS 3 (en)</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navigateur</th>
    <th>Version miniamle</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>
<p><br>
</p>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{wiki.template('Référence_CSS:Border-bottom')}}
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/border-bottom-color", "pl": "pl/CSS/border-bottom-color" } ) }}
Revenir à cette révision