Style borderRightStyle Eigenschaft

Definition und Verwendung

borderRightStyle Eigenschaft setzen oder zurückerhalten, um den Styl des rechten Rahmens des Elements zu definieren.

Weitere Informationen:

CSS Tutorial:CSS-Rahmen

CSS Referenzhandbuch:border-right-style-Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügt dem <div>-Element einen "dicken" rechten Rahmen hinzu:

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

Versuchen Sie es selbst

Beispiel 2

Ändert den Rahmenstil des rechten <div>-Elements in "dotted":

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

Versuchen Sie es selbst

Beispiel 3

Gibt den rechten Rahmenstil des <div>-Elements zurück:

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

Versuchen Sie es selbst

Beispiel 4

Demonstration aller verschiedenen Werte:

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

Versuchen Sie es selbst

Syntax

Gibt den borderRightStyle-Attribut zurück:

object.style.borderRightStyle

Setzt den borderRightStyle-Attribut:

object.style.borderRightStyle = value
Wert Beschreibung
none Definiert einen Rahmen ohne Kante. Standard.
hidden Gleiche Bedeutung wie "none", außer in Konflikten bei den Rahmen der Tabelle.
dotted Definiert eine gepunktete Rahmengrenze.
dashed Definiert eine gestrichelte Rahmengrenze.
solid Definiert eine dicke Rahmengrenze.
double Definiert zwei Grenzen. Die Breite der beiden Rahmen ist gleich dem Wert von border-width.
groove Definiert eine 3D-groove Rahmengrenze. Der Effekt hängt davon ab border-color Werte.
ridge Definiert eine 3D-ridge Rahmengrenze. Der Effekt hängt davon ab border-color Werte.
inset Definiert eine 3D-inset Rahmengrenze. Der Effekt hängt davon ab border-color Werte.
outset Definiert eine 3D-outset Rahmengrenze. Der Effekt hängt davon ab border-color Werte.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: Keine
Rückgabewert: Ein String, der den Stil der rechten Rahmenkante des Elements darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持