Scholar Repository
Home>Manual>CSS Border-color Property

CSS Border-color Property

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

CSS border-color Property


CSS Reference 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.


CSS Reference Complete CSS Reference

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

Home>Manual>CSS Border-color Property