CSS border-bottom-style Property

CSS Border-bottom-style

This property defines the style for the bottom border of an element.

Syntax -

Now we will see the meaning of the values mentioned above -

none	Specifies no border, it is the default value to the property.
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.

Now we will see Example -

Example -

<!DOCTYPE html>
<html>

<head>
<style>
div {
border-width: 10px;
border-style: solid;
border-bottom-style: double;
}
</style>
</head>

<body>

<div>
Border-bottom-style
</div>
</body>

</html>

Output -

Compatibility -

Compatible CSS version is also mentioned below -