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>