mozilla

Revision 623199 of border-bottom-width

  • Raccourci de la révision : Web/CSS/border-bottom-width
  • Titre de la révision : border-bottom-width
  • ID de la révision : 623199
  • Créé :
  • Créateur : teoli
  • Version actuelle ? Oui
  • Commentaire CSS/border-bottom-width Web/CSS/border-bottom-width
Étiquettes : 

Contenu de la révision

{{ CSSRef() }}

Résumé

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

  • {{Xref_cssinitial}} medium
  • S'applique à tous les éléments
  • {{Xref_cssinherited}} non
  • Média {{Xref_cssvisual}}
  • {{Xref_csscomputed}} 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. 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() }}

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-width</code> définit la largeur de la bordure inférieure d'une boîte.</p>
<ul class="cssprop">
  <li><dfn>{{Xref_cssinitial}} </dfn>medium</li>
  <li><dfn>S'applique à&nbsp;</dfn>tous les éléments</li>
  <li><dfn>{{Xref_cssinherited}} </dfn>non</li>
  <li><dfn>Média&nbsp;</dfn>{{Xref_cssvisual}}</li>
  <li><dfn>{{Xref_csscomputed}} </dfn>longueur absolue, '0' si le style de bordure est <code>none</code> ou <code>hidden</code></li>
</ul>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="syntaxbox">
border-bottom-width: &lt;border-width&gt; | inherit
</pre>
<h3 id="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. Note&nbsp;: La valeur <code>em</code> est également supportée.</dd>
</dl>
<h2 id="Propri.C3.A9t.C3.A9s_connexes">Propriétés connexes</h2>
<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>
<h2 id="Exemples" name="Exemples">Exemples</h2>
<p>{{ CSSRefExampleLink("border") }}</p>
<pre class="eval">
element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}
</pre>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<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>
<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>&nbsp;</td>
    </tr>
    <tr>
      <td>Firefox</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Netscape</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Opera</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>{{ Référence_CSS:Border-bottom() }}</p>
Revenir à cette révision