border bottom style

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

CSS border-bottom-style Property

Example

Set the style of the bottom border:

{
    border-style: solid;
    border-bottom-style: dotted;

}

Definition and Usage

The border-bottom-style property sets the style of an element's bottom border.

CSS Syntax

border-bottom-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Property Values

Value Description  
none Specifies no border. This is default  
hidden The same as "none", except in border conflict resolution for table elements  
dotted Specifies a dotted border  
dashed Specifies a dashed border  
solid Specifies a solid border  
double Specifies a double border  
groove Specifies a 3D grooved border. The effect depends on the border-color value  
ridge Specifies a 3D ridged border. The effect depends on the border-color value  
inset Specifies a 3D inset border. The effect depends on the border-color value  
outset Specifies a 3D outset border. The effect depends on the border-color value