CSS Property border-bottom-width

The border-bottom-width property is used to line the width of the bottom border of a component.

The width of the border are often explicitly set employing a price, or by using one in all 3 border dimension keywords: skinny, medium, and thick.

CSS Property border-bottom-width Value

  • <length>
  • thin
  • medium
  • thick

<length>

The width of the border is set to the specified length. Negative values aren’t allowed.

thin

Implementation-specfic. See note below and therefore the live demo for examples.

medium

Implementation-specfic. See note below and the live demo for examples.

thick

Implementation-specfic. See note below and therefore the live demo for examples.

Desktop Browser Support

Mobile Browser Support

Examples

.class{
    border-bottom-style: dotted;
    border-bottom-color: red;
    border-bottom-width: 10px;
    border-bottom-width: thin;
    border-bottom-width: 1em;
}
Leave a Reply