CSS border-bottom property
CSS border-bottom property
Description
Sets the bottom border of an element; values can be one or more combinations of color, border-bottom-width, and border-style.
Possible values
Possible values can be one or more combinations of color, border-width, and border-style.
Applies to
All HTML elements.
DOM syntax
object.style.borderBottom = "2px solid red";
Example
The border-bottom property allows you to specify the color, style, and width of the bottom line in one property.
Below is an example showing how to combine these three properties into a single property.
<html>
<head>
</head>
<body>
<p style = "border-bottom:4px solid red;">
This example is showing shorthand property for border-bottom.
</p>
</body>
</html>
It will produce the following result −
