From W3C Wiki
Jump to: navigation, search


The border-bottom-color property sets the color of the bottom border of a box.


Values <color> | transparent | inherit
Initial value the value of the 'color' property
Applies to all elements
Inherited No


  • <color>
    The color can be specified as a hexadecimal RGB value, a regular RGB value, or by using one of the pre-defined color keywords.

  • transparent
    The border is transparent (though it may have width).

  • inherit
    Takes the same specified value as the property for the element's parent.


Example A


 h1 {
   border-top-color: red;
   border-right-color: black;
   border-left-color: black;
   border-width: 1px;
   border-style: solid;


    <h1>CSS border property example</h1>

Csslist2 border-color.png

CSS Reference

The CSS specification defines the border-bottom-color property in 8.5.2 Border color.

See also