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
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