CSS - border-bottom-color

Description:

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:

<style type="text/css">
p.example1{
   border:1px solid;
   border-bottom-color:#009900; /* Green */
   border-top-color:#FF0000;    /* Red */
   border-left-color:#330000;   /* Black */
   border-right-color:#0000CC;  /* Blue */
}
</style>
<p class="example1">
This example is showing bottom border in green color.
</p>

This will produce following result:

This example is showing bottom border in green color.