Style borderRightStyle-eigenschap

Definitie en gebruik

borderRightStyle Stel in of retourneer de stijl van de rechter rand van het element.

Zie ook:

CSS Handleiding:CSS border

CSS Referentiemanual:border-right-style-eigenschap

HTML DOM Referentiemanual:border-eigenschap

Voorbeeld

Voorbeeld 1

Voeg een 'vul' rechter rand aan het <div>-element toe:

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

Probeer het zelf

Voorbeeld 2

Verander de stijl van de rechter rand van het <div>-element in "dotted":

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

Probeer het zelf

Voorbeeld 3

Retourneer de stijl van de rechter rand van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Demonstratie van alle verschillende waarden:

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

Probeer het zelf

Syntax

Retourneer de borderRightStyle-eigenschap:

object.style.borderRightStyle

Stel de borderRightStyle-eigenschap in:

object.style.borderRightStyle = value
Waarde Beschrijving
none Definieert een randloze rand. Standaard.
hidden Gelijk aan "none", maar uitzondering bij het oplossen van randconflicten van tabel-elementen.
dotted Definieert een stiprand.
dashed Definieert een gestreepte rand.
solid Definieert een solide rand.
double Definieert twee randen. De breedte van beide randen is gelijk aan de waarde van border-width.
groove Definieert een 3D groef rand. Het effect hangt af van border-color waarden.
ridge Definieert een 3D rib rand. Het effect hangt af van border-color waarden.
inset Definieert een 3D inset rand. Het effect hangt af van border-color waarden.
outset Definieert een 3D outset rand. Het effect hangt af van border-color waarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: Geen
Retourwaarde: Een string die de stijl van de rechter rand van het element aangeeft.
CSS versie: CSS1

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning