border bottom

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS border-bottom Property

Example

Set the style of the bottom border:

{
    border-style: solid;
    border-bottom: thick dotted #ff0000;

}

Definition and Usage

The border-bottom shorthand property sets all the bottom border properties in one declaration.

The properties that can be set, are (in order): border-bottom-width, border-bottom-style, and border-bottom-color.

It does not matter if one of the values above are missing, e.g. border-bottom:solid #ff0000; is allowed.

 

 

CSS Syntax

border-bottom: border-width border-style border-color|initial|inherit;

Property Values

Value Description
border-bottom-width Specifies the width of the bottom border. Default value is "medium"
border-bottom-style Specifies the style of the bottom border. Default value is "none"
border-bottom-color Specifies the color of the bottom border. Default value is the color of the element