Style borderRightStyle Property
Example
Add a "solid" right border to a <div> element:
document.getElementById("myDiv").style.borderRightStyle = "solid";Try it yourself »
Definition and Usage
The borderRightStyle property sets or returns the style of the right border of an element.
Browser Support
The borderRightStyle property is supported in all major browsers.
Syntax
Return the borderRightStyle property:
object.style.borderRightStyle
Set the borderRightStyle property:
object.style.borderRightStyle=value
Property Values
| Value | Description |
|---|---|
| none | Defines no border. This is default |
| hidden | Same as "none", except in border conflict resolution for table elements |
| dotted | Defines a dotted border |
| dashed | Defines a dashed border |
| solid | Defines a solid border |
| double | Defines two borders. The width of the two borders are the same as the border-width value |
| groove | Defines a 3D grooved border. The effect depends on the border-color value |
| ridge | Defines a 3D ridged border. The effect depends on the border-color value |
| inset | Defines a 3D inset border. The effect depends on the border-color value |
| outset | Defines a 3D outset border. The effect depends on the border-color value |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | none |
|---|---|
| Return Value: | A String, representing the style of an element's right border |
| CSS Version | CSS1 |
More Examples
Example
Change the style of the right border of a <div> element to "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Try it yourself »
Example
Return the right border style of a <div> element:
alert(document.getElementById("myDiv").style.borderRightStyle);
Try it yourself »
Example
A demonstration of all the different values:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;
Try it yourself »
Related Pages
CSS tutorial: CSS Border
CSS reference: border-right-style property
HTML DOM reference: border property
Style Object
