Style borderRightWidthEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderRightWidth-Eigenschaft legt die Breite des rechten Rahmens eines Elements fest oder gibt sie zurück.

Syntax

Legen Sie die borderRightWidth-Eigenschaft fest:

Object.style.borderRightWidth="thin|medium|thick|length|inherit"

Gibt die Eigenschaft borderRightWidth zurück:

Object.style.borderRightWidth

Wert Beschreibung
thin Definiert einen dünnen Rahmen.
mittel Standard. Definiert einen mittleren Rahmen.
thick Definiert einen dicken Rahmen.
length Definiert die Breite des Rahmens in Einheiten wie px, cm usw.
inherit Die Breite des rechten Rahmens wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die Eigenschaft borderRightWidth.

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".

Beispiel

Beispiel

Ändern Sie die Breite des rechten Rahmens:

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

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

</body>
</html>

Selbst ausprobieren »

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