mozilla

Revision 62995 of border-bottom-width

  • Raccourci de la révision : CSS/border-bottom-width
  • Titre de la révision : border-bottom-width
  • ID de la révision : 62995
  • Créé :
  • Créateur : Mgjbot
  • Version actuelle ? Non
  • Commentaire robot Ajoute: [[es:CSS:border-bottom-width]] <<langbot>>

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété border-bottom-width définit la largeur de la bordure inférieure d'une boîte.

Syntaxe

border-bottom-width: <border-width> | inherit

Valeurs

thin
Une bordure fine.
medium
Une bordure moyenne.
thick
Une bordure épaisse.
<length>
L'épaisseur de la bordure a une valeur explicite. Les largeurs de bordure explicites ne peuvent pas être négatives.
<percentage>
L'épaisseur de la bordure a une valeur en pourcentage, pourcentage de la largeur du bloc contenant. Les largeurs de bordure explicites ne peuvent pas être négatives.

Note : La valeur em est également supportée.

Propriétés connexes

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


Exemples

{{ CSSRefExampleLink("border") }}

element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer
Firefox
Netscape
Opera


Voir également

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

Interwiki Language Links

{{ languages( { "en": "en/CSS/border-bottom-width", "es": "es/CSS/border-bottom-width", "pl": "pl/CSS/border-bottom-width" } ) }}

Source de la révision

<p> {{ CSSRef() }}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété <code>border-bottom-width</code> définit la largeur de la bordure inférieure d'une boîte.
</p>
<ul><li> <a href="fr/CSS/Valeur_initiale">Valeur initiale</a> : medium
</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> : longueur absolue, '0' si le style de bordure est <code>none</code> ou <code>hidden</code>
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">border-bottom-width: &lt;border-width&gt; | inherit
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt>thin
</dt><dd>Une bordure fine. </dd><dt>medium
</dt><dd>Une bordure moyenne. </dd><dt>thick
</dt><dd>Une bordure épaisse. </dd><dt>&lt;length&gt;
</dt><dd>L'épaisseur de la bordure a une valeur explicite. Les largeurs de bordure explicites ne peuvent pas être négatives.
</dd><dt>&lt;percentage&gt; </dt><dd>L'épaisseur de la bordure a une valeur en pourcentage, pourcentage de la largeur du bloc contenant. Les largeurs de bordure explicites ne peuvent pas être négatives.
</dd></dl>
<p>Note : La valeur <code>em</code> est également supportée.
</p>
<h3 name="Propri.C3.A9t.C3.A9s_connexes"> Propriétés connexes </h3>
<ul><li> {{ Cssxref("border-left-width") }}
</li><li> {{ Cssxref("border-right-width") }}
</li><li> {{ Cssxref("border-top-width") }}
</li><li> {{ Cssxref("border-width") }}
</li></ul>
<p><br>
</p>
<h3 name="Exemples"> Exemples </h3>
<p>{{ CSSRefExampleLink("border") }}
</p>
<pre class="eval">element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}
</pre>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css1/#border-width">CSS 1 (fr)</a>
</li><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/box.html#border-width-properties">CSS 2 (fr)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">CSS 2.1 (en)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#border-width">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 minimale</th> </tr> <tr> <td>Internet Explorer</td> <td> </td></tr> <tr> <td>Firefox</td> <td> </td></tr> <tr> <td>Netscape</td> <td> </td></tr> <tr> <td>Opera</td> <td> </td></tr>
</tbody></table>
<p><br>
</p>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{ Référence_CSS:Border-bottom() }}
</p><p><span class="comment">Interwiki Language Links</span>
</p>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/border-bottom-width", "es": "es/CSS/border-bottom-width", "pl": "pl/CSS/border-bottom-width" } ) }}
Revenir à cette révision