CSS border-color

The CSS border-color property allows you to set the border color of a box.
You can also use border-top-color, border-bottom-color, border-left-color, and border-right-color if you only want to specify a border color for some sides (but not all sides) of your box.
Note: You will also need to specify border-style and border-width before your border-color is displayed.

Syntax: border-color: <value>
Possible Values:
  • <color>
  • transparent
  • inherit
Initial Value: Uses the 'color' property
Applies to: All elements.
Inherited: Yes
Media: Visual
Example: div.color {border-color:#ff9900}
Try it yourself!