CSS Border-color Property

From http://www.w3schools.com (Copyright Refsnes Data)

# CSS border-color Property

Complete CSS Reference

## 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"

In our HTML DOM tutorial you can find more details about the borderColor property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

## Example

table {border-color: red}
all four borders will be red

table {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

## Try-It-Yourself Demos

Set the color of the four borders
This example demonstrates how to set the color of the four borders. It can have from one to four colors.

Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)