RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/border-bottom-width below:

border-bottom-width · WebPlatform Docs

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