Search w3schools.com:

SHARE THIS PAGE

Style borderRightWidth Property

Style Object Reference Style Object

Definition and Usage

The borderRightWidth property sets or returns the width of the right border of an element.

Syntax

Set the borderRightWidth property:

Object.style.borderRightWidth="thin|medium|thick|length|inherit"

Return the borderRightWidth property:

Object.style.borderRightWidth

Value Description
thin Defines a thin border
medium Defines a medium border. This is default
thick Defines a thick border
length The width of the border in length units
inherit The width of the right border is inherited from the parent element


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The borderRightWidth 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 width of the right border:

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

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change width 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]