Name
border-color — NN 4 IE 4 CSS 1
Synopsis
Inherited: No
A shortcut attribute that lets you set multiple border edges to the same or different colors. Navigator 4 allows only a single value, which applies to all four edges. For Internet Explorer (and the CSS specification), you may supply one to four space-delimited color values. The number of values determines which sides receive the assigned colors.
CSS Syntax
border-color: color
{1,4}
JavaScript Equivalent
borderColor
Value
For Navigator, one color value only.
In Internet Explorer, this attribute accepts one, two, three, or four
color
values, depending on how many and
which borders you want to set with specific colors. Value quantities
and positions are interpreted as follows:
Number of Values |
Effect |
---|---|
1 |
All four borders set to value |
2 |
Top and bottom borders set to the first value, right and left borders set to the second value |
3 |
Top border set to first value, right and left borders set to second value, bottom border set to third value |
4 |
Top, right, bottom, and left borders set, respectively |
Initial Value
The element’s color
property.
Example
H2 {border-color: red blue red} DIV {border-color: red rgb(0,0,255) red}
Applies To
All elements (CSS and NN); block and replaced elements (IE).
Object Model Reference
- IE
[window.]document.all.
elementID
.style.borderColor
Get Dynamic HTML: The Definitive Reference now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.