CSS border bottom

CSS border bottom is used to set the bottom border of an HTML element.

This is a shorthand property with a single setting to specify the width, style and color of bottom border.


Syntax

Output

This is the paragraph to show to bottom border example.


CSS border bottom values list

Sr. No. value Description
1 border-width Used to give width of border. The value for this is in px. Check CSS border width for more detail.
2 border-style Used to give style for border. The value for this can be from none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset. Check CSS border style for more detail.
3 border-color Used to give color for border. The value for this can be hex color, rbga() and color label. Check CSS border color for more detail.
4 initial Used to define as the property initial value.
5 inherit Used to define the computed value of property on the elements parent.