Neueste Web-Entwicklung Tutorials
 

Style borderRightStyle Property

<Style - Objekt

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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