mozilla

Revision 62996 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 : 62996
  • Créé :
  • Créateur : Yuichiro
  • Version actuelle ? Non
  • Commentaire 28 words added
Étiquettes : 

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( { "de": "de/CSS/border-bottom-width", "en": "en/CSS/border-bottom-width", "es": "es/CSS/border-bottom-width", "ja": "ja/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" title="fr/CSS/Valeur_initiale">Valeur initiale</a> : medium</li> <li>S'applique à : tous les éléments</li> <li><a href="/fr/CSS/Héritage" title="fr/CSS/Héritage">Héritée</a> : non</li> <li>Pourcentages : N/A</li> <li>Média : <a href="/fr/CSS/Média/Visuel" title="fr/CSS/Média/Visuel">visuel</a></li> <li><a href="/fr/CSS/Valeur_calculée" title="fr/CSS/Valeur_calculée">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> </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> </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>

<p>{{ languages( { "de": "de/CSS/border-bottom-width", "en": "en/CSS/border-bottom-width", "es": "es/CSS/border-bottom-width", "ja": "ja/CSS/border-bottom-width", "pl": "pl/CSS/border-bottom-width" } ) }}</p>
Revenir à cette révision