CSS:border-bottom-width

From MDC

« CSS Reference

[edit] 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'

[edit] Syntax

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

[edit] <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.

<percentage>

The border's thickness has a percentage value, percentages of the containing block's width. Explicit border widths cannot be negative.

Note: An em value is also supported.

[edit] Related properties

• border-left-width
• border-right-width
• border-top-width
• border-width

[edit] Examples

View Live Examples

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

[edit] Specifications

• CSS 1
• CSS 2.1
• CSS 3

[edit] Browser Compatibility

Browser	Lowest Version
Internet Explorer
Firefox
Netscape
Opera

[edit] See Also

border, border-bottom, border-bottom-style, border-bottom-color,