CSS border-color Property


The border-color property allows you to change the color of the border surrounding an element. You can individually change the color of the bottom, left, top and right sides of an element's border using the properties −

  • border-bottom-color changes the color of bottom border.
  • border-top-color changes the color of top border.
  • border-left-color changes the color of left border.
  • border-right-color changes the color of right border.

    • Possible Values

    • color − Any valid color value.

    • transparent − Sets the border to be invisible.

    CSS Syntax

    border-color: color|transparent|initial|inherit;

    Example -