mozilla

Revision 62992 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 : 62992
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire Document à relire
Étiquettes : 

Contenu de la révision

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

Résumé

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

  • Valeur initiale : medium
  • S'applique à : tous les éléments
  • Héritée : non
  • Pourcentages : N/A
  • Média : visuel
  • Valeur calculée : longueur absolue ; '0' si le style de bordure est none ou hidden

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, pourcentages 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

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


Exemples

{{template.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

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

Interwiki Language Links

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

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-width</code> définit la largeur de la bordure inférieure d'une boîte.
</p>
<ul><li> Valeur initiale : medium
</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 : 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, pourcentages 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> {{template.Cssxref("border-left-width")}}
</li><li> {{template.Cssxref("border-right-width")}}
</li><li> {{template.Cssxref("border-top-width")}}
</li><li> {{template.Cssxref("border-width")}}
</li></ul>
<p><br>
</p>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.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.w3.org/TR/CSS1#border-width">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#border-width">CSS 3</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>{{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-width", "pl": "pl/CSS/border-bottom-width" } ) }}
Revenir à cette révision