Style borderRightStyle-attributet

Definition och användning

borderRightStyle Inställning eller returnering av elementets höger kantlins stil.

Se också:

CSS kurs:CSS-kant

CSS referenshandbok:border-right-style-attributet

HTML DOM referenshandbok:border-attributet

Exempel

Exempel 1

För att lägga till en "fyllig" höger kantlina till <div>-elementet:

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

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 2

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

Exempel 2

var listValue = selectTag.options[selectTag.selectedIndex].text;

Ändra右边框样式 för <div>-elementet till "dotted":

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

Exempel 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

Returnerar右边框样式 för <div>-elementet:

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

Exempel 4
Visning av alla olika värden:

var listValue = selectTag.options[selectTag.selectedIndex].text;

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

Prova själv

.style.borderRightStyleSyntax

Returnera borderRightStyle-attribut:

.style.borderRightStyleStäll in borderRightStyle-attribut: object
.style.borderRightStyle = value
Värde Beskrivning
none Definierar en kantlös kant. Standard.
hidden Liknar "none", men undantags vid lösning av kantkonflikter för tabellkomponenter.
dashed Definierar en punktlinj kant.
solid Definierar en solid kant.
double Definierar två kanter. Bredden på båda kanterna är densamma som värdet för border-width.
groove Definierar 3D fåra kant. Effekten beror på border-color värdet.
ridge Definierar 3D rygg kant. Effekten beror på border-color värdet.
inset Definierar 3D inset-kant. Effekten beror på border-color värdet.
outset Definierar 3D outset-kant. Effekten beror på border-color värdet.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Inheriterar detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: Ingen
Returvärde: En sträng som anger elementets högra ram stil.
CSS-version: CSS1

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer