This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

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