style borderRight- Eigenschaft
Beispiel
Fügen Sie einem <div>-Element einen rechten Rahmen hinzu:
document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";
Definition und Verwendung
Die Eigenschaft borderRight setzt oder gibt in Kurzform bis zu drei separate Eigenschaften für das rechte Randrecht zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- rand-rechts-breite
- Border-Right-Stil
- Rand-rechte-Farbe
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
borderRight | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft borderRight zurück:
object.style.borderRight
Legen Sie die Eigenschaft borderRight fest:
object.style.borderRight = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the right border |
style | Sets the style of the right border |
color | Sets the color of the right border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | unbestimmt |
---|---|
Rückgabewert: | Ein String, der die Breite, den Stil und/oder die Farbe des rechten Rahmens eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite, den Stil und die Farbe des rechten Rands eines <div>-Elements:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Beispiel
Gibt die border-right-Eigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.borderLeft);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: Eigenschaft border-right
HTML-DOM-Referenz: Border-Eigenschaft