CSS GUIDE BORDER-BOTTOM-STYLE

Summary

This property allows you to set the style of an element's bottom border.

• Initial: none
• Applies to: all elements
• Inherited: no
• Percentages: N/A
• Media: visual

Syntax

TARGET_ELEMENT{border-bottom-style: value;}

Legal Values

• none Defines no border
• hidden - same as "none", except in border conflict resolution for table elements
• dotted - dotted border.
• dashed - dashed border.
• solid - solid border
• double - Specifies two borders. The width of the two borders are the same as the border-width value
• groove - 3D grooved border. The effect depends on the border-color value
• ridge - 3D ridged border. The effect depends on the border-color value
• inset - 3D inset border. The effect depends on the border-color value
• outset - 3D outset border. The effect depends on the border-color value

Usage Examples

table{border-bottom-style: none;}

table{border-bottom-style: dashed;}

table{border-bottom-style: solid;}

Notes

There are some rendering issues where dotted as well as dashed renders as solid in most browsers.

Browser Compatibility

See Notes

See Also

• border-bottom-width
• border-bottom-color
• border-top-style