CSS Property border-right-style








border-right-style defines the style for the right border.

Summary

ItemValue
Initial value none
Inherited No.
Version CSS1
JavaScript syntax object.style.borderRightStyle="dotted"
Applies to All elements.

CSS Syntax

border-right-style: dashed | 
                    dotted | 
                    double | 
                    groove | 
                    hidden | 
                    inset |   
                    inherit | 
                    none | 
                    outset | 
                    ridge | 
                    solid 




Property Values

The property values are listed in the following table.

Value Description
none no border
hidden The same as "none", except in border conflict resolution for table elements
dotted a dotted border
dashed a dashed border
solid a solid border
double a double border
groove a 3D grooved border whose effect depends on the border-color value
ridge a 3D ridged border whose effect depends on the border-color value
inset a 3D inset border whose effect depends on the border-color value
outset a 3D outset border whose effect depends on the border-color value
inherit inherit the border style from the parent element




Browser compatibility

border-right-style Yes Yes Yes Yes Yes

Example

An example showing how to use border-right-style CSS property.

<!DOCTYPE HTML>
<html>
    <head>
        <style>
            div{<!--   w  ww  .  j  a v a2s .  c om-->
                border-right-style: double;
            }
        </style>
    </head>
    <body>
        <div>
            Java2s.com
        </div>
    </body>
</html>

Click to view the demo