CSS border-color Property

Definition

The border-color property sets the color of the four borders. This property can take one to four colors.
Inherited: No
Note: Always declare the border-style property before the border-color property. An element must have borders before you change the color of them.

---

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.borderColor="#0000FF #00FF00".

---

Example

table {border-color: red} all four borders will be redtable {border-color: red green} top and bottom border will be red, left and right border will be green table {border-color: red green blue} top border will be red, left and right border will be green, bottom border will be blue table {border-color: red green blue yellow} top border will be red, right border will be green, bottom border  will be blue, left border will be yellow

Possible Values

Value	Description
color	The color value can be a color name (red), a rgb value (rgb(255,0,0)), or a hex number (#FF0000).
transparent	The border is transparent

Goto CSS3 and CSS2 complete reference