border-right-color

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
CSS CSS1
Default value Value of color fitted by parameter color
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification http://www.w3.org/TR/CSS21/box.html#border-color-properties
Description
This parameter determines a border color on the right of an element.

Syntax

border-right-color: color
Arguments
You can specify a color by 3 means.
1. According to the name.
Browsers support some colors with the names.
2. Support with the hexadecimal denotation
For colors specifying it is used the numbers in hexadecimal code. This system unlike decimal is based on number 16. It uses next symbols: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here you can see that numbers from 10 to 16 are changed by Latin letters. In the decimal denotation the numbers after 15 are formed by combination of 2 numbers into 1. For example, number 255 appropriates number FF in hexadecimal denotation. For avoiding misunderstandings to define accounting system, there is the symbol # before hexadecimal denotation, for example #666999. Each of three colors — red, green and dark blue — can take on values from 00 to FF. Thus, denotation of color is broken up on three constituents #rrggbb, where first 2 symbols mark red component of a color, 2 mediums do green and two last do – dark blue. It is assumed to use the brief form of kind #rgb, where every symbol is needed to double. So, it is necessary to consider record #fe0 as #ffee00.
3. With the help of RGB
It is possible to define a color using values of red, green and dark blue making in a decimal calculation. Value each of three colors can take on values from 0 to 255. It is also possible to set a color in a percentage ratio.

Example

 
<!--
   DIV.line {
    border-right-color: navy; /* Right line color */
    border-right-style: dotted; /* Line style */
    border-right-width: 3px;  /* Line weight */
    padding-right: 10px;  /* Distance between the line and the text */
    margin-right: 100px; /* Right indent */
   }
 
-->
<div class="line">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
   euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
   ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl
   ut aliquip ex ea commodo consequat.</div>
The result of this example is shown on the figure 1

Object model
[window.]document.getElementById("elementID").style.borderRightColor