border-right-style

The border-right-style property sets the style of an element's right border.

CSS2

Syntax
DOM
Example | dashed
Example | dotted
Example | double
Example | groove
Example | hidden
Example | inset
Example | none
Example | outset
Example | ridge
Example | solid
Example | DOM
External

Syntax


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

Initial:	none
Applies To:	all elements
Inherited:	no
Percentages:	NA
Media:	visual

DOM


            [window.]document.getElementById("element-id").style.borderRightStyle = "border-right-style";

Example | dashed

Example | dotted

Example | double

Example | groove

Example | hidden

Example | inset

Example | none

Example | outset

Example | ridge

Example | solid

Example | DOM

<!doctype html>
<html>
<head>
  <script>
    function mouseover1() {
      document.getElementById("id1").style.borderRightStyle = "none";
    }
    function mouseover2() {
      document.getElementById("id1").style.borderRightStyle = "hidden";
    }
    function mouseover3() {
      document.getElementById("id1").style.borderRightStyle = "dotted";
    }
    function mouseover4() {
      document.getElementById("id1").style.borderRightStyle = "dashed";
    }
    function mouseover5() {
      document.getElementById("id1").style.borderRightStyle = "solid";
    }
    function mouseover6() {
      document.getElementById("id1").style.borderRightStyle = "double";
    }
    function mouseover7() {
      document.getElementById("id1").style.borderRightStyle = "groove";
    }
    function mouseover8() {
      document.getElementById("id1").style.borderRightStyle = "ridge";
    }
    function mouseover9() {
      document.getElementById("id1").style.borderRightStyle = "inset";
    }
    function mouseover10() {
      document.getElementById("id1").style.borderRightStyle = "outset";
    }
  </script>
</head>
<body>
  <a href="/" onmouseover="mouseover1()">none</a>
  <a href="/" onmouseover="mouseover2()">hidden</a>
  <a href="/" onmouseover="mouseover3()">dotted</a>
  <a href="/" onmouseover="mouseover4()">dashed</a>
  <a href="/" onmouseover="mouseover5()">solid</a>
  <a href="/" onmouseover="mouseover6()">double</a>
  <a href="/" onmouseover="mouseover7()">groove</a>
  <a href="/" onmouseover="mouseover8()">ridge</a>
  <a href="/" onmouseover="mouseover9()">inset</a>
  <a href="/" onmouseover="mouseover10()">outset</a>
  <h1 id="id1">border-right-style</h1>
</body>
</html>

External

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification