Style borderRightStyle egenskab

Definition og brug

borderRightStyle Indstil eller returner stilen på elementets højre kantlinje.

Se også:

CSS Tutorial:CSS kant

CSS Referencemanual:border-right-style-egenskab

HTML DOM Referencemanual:border-egenskab

Eksempel

Eksempel 1

Tilføj en 'fyldig' højre kantlinje til <div>-elementet:

document.getElementById("myDiv").style.borderRightStyle = "solid";

Try it yourself

Example 2

Changes the right border style of the <div> element to "dotted":

document.getElementById("myDiv").style.borderRightStyle = "dotted";

Try it yourself

Example 3

Returns the right border style of the <div> element:

alert(document.getElementById("myDiv").style.borderRightStyle);

Try it yourself

Example 4

Demonstration of all different values:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;

Try it yourself

Syntax

Returns the borderRightStyle property:

object.style.borderRightStyle

Sets the borderRightStyle property:

object.style.borderRightStyle = value
Value Description
none Defines a border without any style. Default.
hidden Same as "none", except in resolving border conflicts 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 both borders is the same as the value of border-width.
groove Defines a 3D groove border. The effect depends on border-color value.
ridge Defines a 3D ridge border. The effect depends on border-color value.
inset Defines a 3D inset border. The effect depends on border-color value.
outset Defines a 3D outset border. The effect depends on border-color value.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical details

Default value: None
Return value: A string representing the style of the element's right border.
CSS version: CSS1

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support