Neueste Web-Entwicklung Tutorials
 

Style borderLeft Property

<Style - Objekt

Beispiel

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

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

Definition und Verwendung

Die borderLeft Eigenschaftssätze oder kehren in drei separaten border-left-Eigenschaften auf, in einer Kurzform.

Mit dieser Eigenschaft können Sie einstellen , / Rückkehr eines oder mehrere der folgenden (in any order) :

  • border-left-width
  • border-left-style
  • border-left-color

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Syntax

Bringen Sie die borderLeft Eigenschaft:

object .style.borderLeft

Stellen Sie die borderLeft Eigenschaft:

object .style.borderLeft=" Eigenschaftswerte
Parameter Beschreibung
width Legt die Breite des linken Randes
style Legt den Stil des linken Randes
color Legt die Farbe des linken Randes
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: keine Angabe
Rückgabewert: Ein String, die für die Breite, die Art und / oder Farbe von dem linken Rande eines Elements
CSS Version CSS1

Mehr Beispiele

Beispiel

Ändern Sie die Breite, Stil und Farbe des linken Rand eines <div> Element:

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

Beispiel

Bringen Sie die border-left Eigenschaftswerte eines <div> Element:

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

Verwandte Seiten

CSS Tutorial: CSS Border

CSS - Referenz: border-left property - border-left property

HTML - DOM - Referenz: border property


<Style - Objekt