Latest

recent

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
CSS border-color Property Reviewed by 1000sourcecodes on 22:53 Rating: 5
Powered by Blogger.