This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

border-bottom-width

Summary

Sets the width of an element's bottom border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.

Overview table

Initial value
medium
Applies to
All elements
Inherited
No
Media
visual
Computed value
An absolute length; 0 if the border style is 'none' or 'hidden'
Animatable
No
CSS Object Model Property
borderBottomWidth
Percentages
N/A

Syntax

  • border-bottom-width: <width>

  • border-bottom-width: medium

  • border-bottom-width: thick

  • border-bottom-width: thin


Values

medium
Default.


thin
Less than the default width.


thick
Greater than the default width.


<width>
Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Values and Units Reference.


Examples

CSS border width values. 

.medium {
  border-bottom-width: medium;
}

.thin {

border-bottom-width: thin;

}


.thick {

border-bottom-width: thick;

}


.width {

border-bottom-width: 10px;

}

View live example



Related specifications

CSS Level 3 - Backgrounds and Borders Module
Candidate Recommendation

See also

Related articles

Border






  • border-bottom-width
























Attributions