CSS - border-bottom-color Property

Sets the color of an element's bottom border; default is the color of the element.

Possible Values

  • color − Any valid color value.

Applies to

All the HTML elements.

DOM Syntax

object.style.borderBottomColor = "red";

Example

Here is the example which shows effect of this property −

<html>
<head>
<style>
  p {border-style: solid;
     border-bottom-color: rgb(100,123,333);
     }
   h2{
       border-style: solid;
       border-bottom-color: rgba(50,123,111,0.4);
   }
</style>
</head>
<body>
  <h2>H2 with colored bottom border</h2>
  <p>Check the border bottom color!!!</p>
</body>
</html>
Advertisements