CSS border-bottom Property

CSS border-bottom Property

This property defines in a shorthand form the width, style, and color for the bottom border of an element.

Syntax -

border-bottom: border-width border-style border-color;

Now we will see the meaning of the values attached to the property - 

border-bottom-width	Specifies the width of the bottom border; its default value is "medium", and this falls under the required category.
border-bottom-style	Specifies the style of the bottom border. Its default value is "none", and this falls under the required category.
border-bottom-color	Specifies the color of the bottom border. Its default value is the color of the text, and this falls under the optional category.

 

Now we will see Example -

Output -