border-X-color

border-X-color

CSS border-X-color Property

The CSS border-top-color, border-right-color, border-bottom-color and border-left-color properties are used to specify a border color for element sides independently. Alernately you can use the border-color property which is shorthand CSS for specifying all four border colors in one line.

CSS CODE EXAMPLE

<style type="text/css">
div#myDiv {
    border-top-color: #F00;
    border-right-color: #099;
    border-bottom-color: #0F0;
    border-left-color: #990;
    border-style: solid;
    border-width: 8px;
}
</style>
<div id="myDiv">div content ...</div>

 

div content ...

Possible Values:

Simple Color Name
red, green, blue, etc...
RGB Color Value
rgb(0,0,255), rgb(0,255,0), rgb(255,0,0), etc...
Hexidecimal Color Value
#FF0, #009900, #0099FF, etc...

Related Properties

border-color
border-style
border-width

click here to code. 

Tweet