CSS border-bottom-width Property

CSS border-bottom-width Property

This property sets the width of an element’s bottom border.

Syntax -

border-bottom-width: non-negative length | medium | thick | thin | inherit

Now we will see the values used for the property with their description given below -

Value	Description
medium	Specifies a medium bottom border, and it is default value
thin	Specifies a thin bottom border
thick	Specifies a thick bottom border
length	Allows to define the thickness of the bottom border.

Now we will see an Example -

Example -

<!DOCTYPE html>
<html>

<head>
<style>
.low {
border: 3px solid black;
border-bottom-width: thick;
}

p {
border: 3px solid black;

border-bottom-width: 15px;
}
</style>
</head>

<body>

<h1 class="low">This is a heading</h1>

<p>This is a sample pera</p>
</body>

</html>

Output -