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 : 448429
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS 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.

  • {{Xref_cssinitial}} propriété {{ Cssxref("color") }}
  • S'applique à tous les éléments
  • {{Xref_cssinherited}} non
  • Média {{Xref_cssvisual}}
  • {{Xref_csscomputed}} lorsqu'elle est issue de la propriété {{ Cssxref("color") }}, la valeur calculée de {{ 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 situé en dessous de lui dans le contexte d'empilement.

Propriétés connexes

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

Exemples

{{ 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 minimale
Internet Explorer 4
Firefox 1
Netscape 6
Opera 3.5

Voir également

{{ Référence_CSS:Border-bottom() }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <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 class="cssprop">
  <li><dfn>{{Xref_cssinitial}}&nbsp;</dfn>propriété {{ Cssxref("color") }}</li>
  <li><dfn>S'applique à&nbsp;</dfn>tous les éléments</li>
  <li><dfn>{{Xref_cssinherited}}&nbsp;</dfn>non</li>
  <li><dfn>Média&nbsp;</dfn>{{Xref_cssvisual}}</li>
  <li><dfn>{{Xref_csscomputed}}&nbsp;</dfn>lorsqu'elle est issue de la propriété {{ Cssxref("color") }}, la valeur calculée de {{ Cssxref("color") }}&nbsp;; autrement, comme spécifiée</li>
</ul>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="syntaxbox">
border-bottom-color: <em>couleur</em> | transparent | inherit
</pre>
<h3 id="Valeurs">Valeurs</h3>
<dl>
  <dt>
    couleur&nbsp;</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>
</dl>
<dl>
  <dt>
    transparent&nbsp;</dt>
  <dd>
    L'élément n'a pas de couleur propre. Il affiche la couleur de l'élément se trouvant situé en dessous de lui dans le <a href="/fr/CSS/Comprendre_z-index" title="fr/CSS/Comprendre_z-index">contexte d'empilement</a>.</dd>
</dl>
<h2 id="Propri.C3.A9t.C3.A9s_connexes">Propriétés connexes</h2>
<ul>
  <li>{{ Cssxref("border-color") }}</li>
  <li>{{ Cssxref("border-left-color") }}</li>
  <li>{{ Cssxref("border-right-color") }}</li>
  <li>{{ Cssxref("border-top-color") }}</li>
</ul>
<h2 id="Exemples" name="Exemples">Exemples</h2>
<p>{{ CSSRefExampleLink("border") }}</p>
<pre class="eval">
element {
	width: 300px;
        padding: 15px;
        border-bottom-size: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000;
}
</pre>
<h2 id="Notes">Notes</h2>
<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>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<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>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th>Navigateur</th>
      <th>Version minimale</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>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>{{ Référence_CSS:Border-bottom() }}</p>
Revenir à cette révision