border-right-style

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 No
Inherited No
Applied To all elements
HTML analog <img border > | <table border>
Reference to specification http://www.w3.org/TR/CSS21/box.html#border-style-properties

Description
It determines a border style on the right of an element.

Syntax

border-right-style: style

Arguments
For border type control you can choose following 8 denotations of parameter border-bottom-style


Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>border-right-style</title>
  <style type="text/css">
   DIV.line {    border-right-color: #ef40b0; /* Right line color */
    border-right-style: dotted; /* Line style */
    border-right-width: 3px; /* Line weight */
    border-left-color: #ef40b0; /* Left line color */
    border-left-style: dotted; /* Line style */
    border-left-width: 3px; /* Line weight */
    padding: 0 10px; /* Distance between the line and the text */
    margin: 0 50px; /* Right and left indents */
   }
  </style>
 </head>
 <body>
 
  <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>
 
 </body>
</html>

The result of this example is shown on the figure 2


Object model

[window.]document.getElementById("elementID").style.borderRightStyle