Style borderRightStyle-Eigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderRightStyle-Eigenschaft setzt den Stil des rechten Rahmens eines Elements oder gibt ihn zurück.

Syntax

Die borderRightStyle-Eigenschaft festlegen:

Object.style.borderRightStyle="value"

Die borderRightStyle-Eigenschaft zurückgeben:

Object.style.borderRightStyle

Wert Beschreibung
none Standard. Definiert keinen Rahmen.
hidden Gleich wie "none". Bei Tabellen wird jedoch "hidden" verwendet, um Rahmenkonflikte aufzulösen.
dotted Definiert einen gestrichelten Rahmen (Punkte).
dashed Definiert einen gestrichelten Rahmen (Striche).
solid Definiert einen durchgehenden Rahmen.
double Definiert einen doppelten Rahmen. Die Breite der doppelten Linie entspricht dem Wert von border-width.
groove Definiert einen 3D-Eingestellt-Rahmen (groove). Der Effekt hängt vom Wert von border-color ab.
ridge Definiert einen 3D-Ausgestellt-Rahmen (ridge). Der Effekt hängt vom Wert von border-color ab.
inset Definiert einen 3D-Innenrahmen (inset). Der Effekt hängt vom Wert von border-color ab.
outset Definiert einen 3D-Außenrahmen (outset). Der Effekt hängt vom Wert von border-color ab.
inherit Der Stil des rechten Rahmens wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die borderRightStyle-Eigenschaft.

Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".

Beispiele

Beispiele

Ändern Sie den Stil des rechten Rahmens:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<style type="text/css">
#ex1{
    border: 1px solid #FF0000;
}
</style>
<script>
function displayResult(){
    document.getElementById("ex1").style.borderRightStyle="dotted";
}
</script>
</head>
<body>

<div id="ex1">Dies ist ein Text.</div>
<br>
<button type="button" onclick="displayResult()">Ändern Sie den Stil des rechten Rahmens</button>

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Weitere Erweiterungen