The border-bottom-style property is used in CSS and certain HTML elements. It is used for setting the line style for the bottom side of the element's border. To set the line type for all four sides, use border-style. To set the line type individually for the other sides, use border-right-style, border-top-style, or border-left-style.

Values

• none - No border; default value.
• hidden - Same as none, except in terms of border conflict resolution for table elements.

• dashed - Series of short dashes or line segments.

• dotted - Series of dots.

• double - Two straight lines that add up to the pixel amount defined as border-width.

• groove - Carved effect.

• inset - Makes the box appear embedded.

• outset - Opposite of inset. Makes the box appear 3D (embossed).

• ridge - Opposite of groove. The border appears 3D (coming out).

• solid - Single, straight, solid line.

HTML example:

<span style="border-bottom:medium solid white;">TEXT</span>

CSS example:

h1 {
    border-bottom:medium solid white;
}