Style borderLeft-Attribut

Definition und Verwendung

borderLeft Attribute können in der Kurzform eingestellt oder zurückgegeben werden, um bis zu drei separate linken Rahmenattribute zu setzen.

Mit diesem Attribut können Sie das eine oder mehrere der folgenden Elemente einstellen/zurückgeben (in beliebiger Reihenfolge):

Weitere Informationen:

CSS-Tutorial:CSS-Rahmen

CSS Referenzhandbuch:border-left-Attribut

HTML DOM Referenzhandbuch:border-Attribut

Beispiel

Beispiel 1

Fügen Sie der <div>-Element eine linke Rahmenkante hinzu:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie die Breite, den Stil und die Farbe der linken Rahmenkante des <div>-Elements:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des border-left-Attributs des <div>-Elements:

alert(document.getElementById("myDiv").style.borderLeft);

Probieren Sie es selbst aus

Syntax

Rückgabe des borderLeft-Attributs:

object.style.borderLeft

Setzen Sie das borderLeft-Attribut:

object.style.borderLeft = "width style color|initial|inherit"

Eigenschaftswert

Wert Beschreibung
width Setzen Sie die Breite der linken Rahmenkante.
style Setzen Sie den Stil der linken Rahmenkante.
color Setzen Sie die Farbe der linken Rahmenkante.
initial. Setzen Sie diesen Eigenschaftswert auf seinen Standardwert. Siehe initial.
inherit Erben Sie diesen Eigenschaftswert von ihrem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: Nicht spezifiziert
Rückgabewert: Zeichenkette, die die Breite, den Stil und/oder die Farbe der linken Rahmenkante des Elements angibt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt