Definition The border-color property sets the color of the four borders. This property can take one to four colors. Inherited: No Note: ...
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
