Style borderRightEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die borderRight-Eigenschaft legt drei separate rechte Rahmeneigenschaften in Kurzform fest oder gibt sie zurück.

Mit dieser Eigenschaft können Sie Folgendes festlegen/zurückgeben:

  • border-right-width
  • border-right-style
  • border-right-color

Syntax

Legen Sie die Eigenschaft borderRight fest:

Object.style.borderRight="width style color"

Gibt die Eigenschaft borderRight zurück:

Object.style.borderRight

Tipp:Die Eigenschaft borderRight hat keinen Standardwert.

Parameters Beschreibung
width Legt die Breite des rechten Rahmens fest.
style Legt den Stil des rechten Rahmens fest.
color Legt die Farbe des rechten Rahmens fest.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die Eigenschaft borderRight.

Beispiel

Beispiel

Ändern Sie die Breite, den Stil und die Farbe des rechten Rahmens:

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

<div id="ex1">Dies ist ein Text.</div>
<br>
<button type="button" onclick="displayResult()">Rechten Rahmen ändern</button>

</body>
</html>

Selbst ausprobieren »

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