Stil verlassenes Eigentum
Beispiel
Legen Sie die linke Position eines <button>-Elements fest:
document.getElementById("myBtn").style.left = "100px";
Definition und Verwendung
Die left-Eigenschaft legt die linke Position eines positionierten Elements fest oder gibt sie zurück.
Diese Eigenschaft gibt die linke Position des Elements an, einschließlich Padding, Scrollbar, Border und Margin.
Tipp: Ein positioniertes Element ist ein Element, dessen Positionseigenschaft auf relativ, absolut oder fest eingestellt ist.
Tipp: Um die richtige Position eines positionierten Elements festzulegen oder zurückzugeben, verwenden Sie die right - Eigenschaft.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Syntax
Rückgabe der linken Eigenschaft:
object.style.left
Legen Sie die linke Eigenschaft fest:
object.style.left = "auto|length|%|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | Lets the browser set the left position. This is default |
length | Defines the left position in length units. Negative values are allowed |
% | Sets the left position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die linke Position eines positionierten Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Legen Sie die linke Position eines <div>-Elements fest:
document.getElementById("myDIV").style.left = "100px";
Beispiel
Verwendung negativer Werte - Legen Sie die linke Position eines <div>-Elements fest:
document.getElementById("myDIV").style.left = "-100px";
Beispiel
Gibt die linke Position eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.left);
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: linke Eigenschaft
❮ Style-Objekt