style borderLeft- Eigenschaft
Beispiel
Fügen Sie einem <div>-Element einen linken Rand hinzu:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definition und Verwendung
Die Eigenschaft borderLeft legt bis zu drei separate Eigenschaften für den linken Rand in Kurzform fest oder gibt sie zurück.
Mit dieser Eigenschaft können Sie einen oder mehrere der folgenden Werte festlegen/zurückgeben (in beliebiger Reihenfolge):
- linke Randbreite
- Border-Links-Stil
- Rand-links-Farbe
Browser-Unterstützung
Die Eigenschaft borderLeft wird in allen gängigen Browsern unterstützt.
Syntax
Geben Sie die Eigenschaft borderLeft zurück:
object.style.borderLeft
Legen Sie die Eigenschaft borderLeft fest:
object.style.borderLeft = "width style color|initial|inherit"
Eigenschaftswerte
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left 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 linken Rahmens eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Breite, den Stil und die Farbe des linken Rands eines <div>-Elements:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Beispiel
Gibt die border-left-Eigenschaftswerte eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.borderLeft);
Verwandte Seiten
CSS-Tutorial: CSS-Border
CSS-Referenz: border-left-Eigenschaft
HTML-DOM-Referenz: Border-Eigenschaft