Search w3schools.com:

SHARE THIS PAGE

Style borderRightColor Property

Style Object Reference Style Object

Definition and Usage

The borderRightColor property sets or returns the color of the right border of an element.

Syntax

Set the borderRightColor property:

Object.style.borderRightColor="color|transparent|inherit"

Return the borderRightColor property:

Object.style.borderRightColor

Tip: There is no default value for the borderRightColor property.

Value Description
color Specifies the color of the right border. Look at CSS Color Values for a complete list of possible color values
transparent The color of the right border is transparent (underlying content will shine through)
inherit The color of the right border is inherited from the parent element


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The borderRightColor property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".


Example

Example

Change the color of the right border:

<html>
<head>
<style type="text/css">
#ex1
{
border: 1px solid #FF0000;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.borderRightColor="#00FF00";
}
</script>
</head>
<body>

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change color of right border</button>

</body>
</html>

Try it yourself »


Style Object Reference Style Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]