Beispiel
Fügen Sie einen "solid" rechten Rand zu einem <div> Elemente:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Versuch es selber " Definition und Verwendung
Die borderRightStyle Eigenschaftssätze oder gibt den Stil des rechten Rand eines Elements.
Browser-Unterstützung
Die borderRightStyle Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die borderRightStyle Eigenschaft:
object .style.borderRightStyle
Stellen Sie die borderRightStyle Eigenschaft:
object .style.borderRightStyle= Eigenschaftswerte Wert Beschreibung none Definiert keine Grenze. Dies ist die Standardeinstellung hidden Das gleiche wie "none" , außer in der Grenzkonfliktlösung für Tabellenelemente dotted Definiert eine punktierte Grenze dashed Definiert eine gestrichelte Umrandung solid Definiert eine feste Grenze double Definiert zwei Grenzen. Die Breite der beiden Grenzen sind die gleichen wie die Grenze Breitenwert groove Definiert einen 3D gerillten Rand. Die Wirkung hängt von dem Grenzfarbwert ridge Definiert einen 3D geriffelten Rand. Die Wirkung hängt von dem Grenzfarbwert inset Definiert eine 3D-Einschub Grenze. Die Wirkung hängt von dem Grenzfarbwert outset Definiert eine 3D Anfang Grenze. Die Wirkung hängt von dem Grenzfarbwert initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, die den Stil eines rechten Rand des Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie den Stil der rechte Rand eines <div> Element "dotted" :
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Versuch es selber "
Beispiel
Bringen Sie den rechten Rand Stil eines <div> Element:
alert(document.getElementById("myDiv").style.borderRightStyle); Versuch es selber "
Beispiel
Eine Demonstration aller unterschiedlichen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue; Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-right-style property - border-right-style property
HTML - DOM - Referenz: border property
<Style - Objekt