border-bottom-style
The border-bottom-style CSS property sets the line style of the bottom border of a box.
Syntax
border-bottom-style: none
border-bottom-style: hidden
border-bottom-style: dotted
border-bottom-style: dashed
border-bottom-style: solid
border-bottom-style: double
border-bottom-style: groove
border-bottom-style: ridge
border-bottom-style: inset
border-bottom-style: outset
border-bottom-style: inherit
Example
<!DOCTYPE HTML> <html> <head> <title>CSS Tutorials</title> <style> div { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000; } </style> </head> <body> <div> border bottom style </div> </body> </html>