Neueste Web-Entwicklung Tutorials
 

Style borderLeftStyle Property

<Style - Objekt

Beispiel

Fügen Sie einen "solid" linken Rand zu einem <div> Elemente:

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

Definition und Verwendung

Die borderLeftStyle Eigenschaftssätze oder gibt den Stil des linken Randes ein Element.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die borderLeftStyle Eigenschaft wird in allen gängigen Browsern unterstützt.


Syntax

Bringen Sie die borderLeftStyle Eigenschaft:

object .style.borderLeftStyle

Stellen Sie die borderLeftStyle Eigenschaft:

object .style.borderLeftStyle= Eigenschaftswerte
Wert Beschreibung
none Definiert keine Grenze. Dies ist die Standardeinstellung
hidden Das gleiche wie "none" , außer in der Grenzkonfliktlösung für Tabellenelemente
dotted Definiert eine punktierte Grenze
dashed Definiert eine gestrichelte Umrandung
solid Definiert eine feste Grenze
double Definiert zwei Grenzen. Die Breite der beiden Grenzen sind die gleichen wie die Grenze Breitenwert
groove Definiert einen 3D gerillten Rand. Die Wirkung hängt von dem Grenzfarbwert
ridge Definiert einen 3D geriffelten Rand. Die Wirkung hängt von dem Grenzfarbwert
inset Definiert eine 3D-Einschub Grenze. Die Wirkung hängt von dem Grenzfarbwert
outset Definiert eine 3D Anfang Grenze. Die Wirkung hängt von dem Grenzfarbwert
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: keiner
Rückgabewert: Ein String, die den Stil eines linken Rand des Elements
CSS Version CSS1

Mehr Beispiele

Beispiel

Ändern Sie den Stil der linken Rand eines <div> Element "dotted" :

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

Beispiel

Bringen Sie den linken Rand Stil eines <div> Element:

alert(document.getElementById("myDiv").style.borderLeftStyle);
Versuch es selber "

Beispiel

Eine Demonstration aller unterschiedlichen Werte:

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

Verwandte Seiten

CSS Tutorial: CSS Border

CSS - Referenz: border-left-style property

HTML - DOM - Referenz: border property


<Style - Objekt