CSS border-bottom-style

The CSS border-bottom-style property allows you to set the style of a bottom border.
 
Note: You will also need to specify border-bottom-color and border-bottom-width before your border-bottom-style is displayed.

Syntax: border-bottom-style: <border-style>
Possible Values:
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • inherit
Initial Value: None
Applies to: All elements.
Inherited: Yes
Media: Visual
Example: div.border-style {border-bottom-style:dotted}
Try it yourself!