Style borderLeftStyle Eigenschaft

Definition und Verwendung

borderLeftStyle Eigenschaft setzen oder zurückgeben des Stils der linken Umrandung des Elements.

Weitere Informationen:

CSS教程:CSS-Rahmen

CSS Referenzhandbuch:border-left-style-Eigenschaft

HTML DOM Referenzhandbuch:border-Eigenschaft

Beispiel

Beispiel 1

Fügen Sie dem <div>-Element eine dicke linke Border hinzu:

document.getElementById("myDiv").style.borderLeftStyle = "solid";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie den linken Border-Stil des <div>-Elements in "dotted":

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

Probieren Sie es selbst aus

Beispiel 3

Rückgabe des linken Border-Stils des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 4

Demonstration für alle verschiedenen Werte:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft borderLeftStyle:

object.style.borderLeftStyle

Setzen Sie die Eigenschaft borderLeftStyle:

object.style.borderLeftStyle = value
Wert Beschreibung
none Definiert eine Border ohne Rand. Standard.
hidden Gleich wie "none", aber in Konfliktsituationen der Border des Tabellenelements wird ausgenommen.
dotted Definiert eine gepunktete Border.
dashed Definiert eine gestrichelte Border.
solid Definiert eine dicke Border.
double Definiert zwei Grenzen. Die Breite der beiden Grenzen ist gleich dem Wert von border-width.
groove Definiert 3D-Senke-Border. border-color Werte.
ridge Definiert 3D-Rücken-Border. border-color Werte.
inset Definiert 3D-Einfassung-Border. border-color Werte.
outset Definiert 3D-Ausstoss-Border. border-color Werte.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: none
Rückgabewert: Zeichenkette, die den Stil der linken Elementumrandung darstellt.
CSS-Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Oper
Chrome Edge Firefox Safari Oper
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung