style.borderColor (Property)

The color of the border around an element.


CSS level - 1
DOM level - 2
JavaScript - 1.5
JScript - 3.0
Internet Explorer - 4.0
Netscape - 6.0
Property/method value type:String primitive
JavaScript syntax:-myStyle.borderColor
CSS syntax:border-color: aColor
Argument list:aColorA color value

This property lets you change the color of one or more of the borders around an object.

If you specify only one value, all four borders are set. Two values define the top and bottom with the first, and the second then applies to the left and right. If three values are specified, the first controls the top, the second controls both left and right, while the third controls the bottom edge. When all four values are specified, they are assumed to be in the order: top, right, bottom and left.

Color values can be specified using symbolic names, rgb() functions, or hash delimited hex values.

This property might be used to control the border color around a frame or in fact with style sheet controls, you can control the border color around any object that can have a style associated with it.

See also:color names, color value, JSSTag.borderColor, rgb(), style.border, style.outlineColor