Beispiel
Stellen Sie die linke Position eines <button> Element:
document.getElementById("myBtn").style.left = "100px"; Versuch es selber " Definition und Verwendung
Die linken Eigenschaftssätze oder gibt die linke Position eines Elements positioniert.
Diese Eigenschaft gibt die linke Position des Elements einschließlich padding, scrollbar, Rahmen und Rand.
Tip: Ein positioniertes Element ist ein Element mit der Position - Eigenschaft auf: relativ, absolut oder fixiert.
Tipp: Zum Einstellen oder die richtige Position eines positionierten Elements zurückzukehren, verwenden Sie das richtige Objekt.
Browser-Unterstützung
Die linke Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die linke Eigenschaft:
object .style.left
Stellen Sie die Eigenschaft left:
object .style.left="auto| Eigenschaftswerte Wert Beschreibung auto Hiermit kann der Browser die linke Position. Dies ist die Standardeinstellung length Definiert die linke Position in Längeneinheiten. Negative Werte sind erlaubt % Stellt die linke Position in% der Breite des Mutterelementes 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: Auto Rückgabewert: Ein String, der linken Position eines Elements repräsentiert positioniert CSS Version CSS2
Mehr Beispiele
Beispiel
Stellen Sie die linke Position eines <div> Element:
document.getElementById("myDIV").style.left = "100px";
Versuch es selber "
Beispiel
Mit negativen Werten - Stellen Sie die linke Position eines <div> Element:
document.getElementById("myDIV").style.left = "-100px";
Versuch es selber "
Beispiel
Bringen Sie die linke Position eines <div> Element:
alert(document.getElementById("myDiv").style.left);
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Positioning
CSS - Referenz: left property
<Style - Objekt