mozilla

Revision 20978 of border-bottom-width

  • Revision slug: CSS/border-bottom-width
  • Revision title: border-bottom-width
  • Revision id: 20978
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment

Revision Content

{{template.CSSRef()}}

Summary

border-bottom-width sets the width of the bottom border of a box.

  • Initial value: medium
  • Applies to: all elements
  • Inherited: no
  • Percentages: N/A
  • Media: visual
  • Computed value: absolute length; '0' if the border style is 'none' or 'hidden'

Syntax

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

<border-width> Values

thin
A thin border.
medium
A medium border.
thick
A thick border.
<length>
The border's thickness has an explicit value. Explicit border widths cannot be negative.

Related properties

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


Examples

{{template.CSSRefExampleLink("border")}}

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

Specifications

Browser Compatibility

Browser Lowest Version
Internet Explorer
Firefox
Netscape
Opera


See Also

{{template.Cssxref("border")}}, {{template.Cssxref("border-bottom")}}, {{template.Cssxref("border-bottom-style")}}, {{template.Cssxref("border-bottom-color")}},

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

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p><code>border-bottom-width</code> sets the width of the bottom border of a box.
</p>
<ul><li> Initial value: medium
</li><li> Applies to: all elements
</li><li> Inherited: no
</li><li> Percentages: N/A
</li><li> Media: <a href="en/CSS/Media/Visual">visual</a>
</li><li> Computed value: absolute length; '0' if the border style is 'none' or 'hidden'
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">border-bottom-width: &lt;border-width&gt; | inherit
</pre>
<h3 name=".3Cborder-width.3E_Values"> &lt;border-width&gt; Values </h3>
<dl><dt>thin
</dt><dd>A thin border. 
</dd><dt>medium
</dt><dd>A medium border. 
</dd><dt>thick
</dt><dd>A thick border. 
</dd><dt>&lt;length&gt;
</dt><dd>The border's thickness has an explicit value. Explicit border widths cannot be negative.
</dd></dl>
<h3 name="Related_properties"> Related properties </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="Examples"> Examples </h3>
<p>{{template.CSSRefExampleLink("border")}}
</p>
<pre>element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}
</pre>
<h3 name="Specifications"> Specifications </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="Browser_Compatibility"> Browser Compatibility </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Lowest Version</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="See_Also"> See Also </h3>
<p>{{template.Cssxref("border")}},
{{template.Cssxref("border-bottom")}},
{{template.Cssxref("border-bottom-style")}},
{{template.Cssxref("border-bottom-color")}},
</p>{{ wiki.languages( { "pl": "pl/CSS/border-bottom-width" } ) }}
Revert to this revision