Stijl links eigendom
Voorbeeld
Stel de linkerpositie van een <button>-element in:
document.getElementById("myBtn").style.left = "100px";
Definitie en gebruik
Met de eigenschap left wordt de linkerpositie van een gepositioneerd element ingesteld of geretourneerd.
Deze eigenschap specificeert de linkerpositie van het element inclusief opvulling, schuifbalk, rand en marge.
Tip: Een gepositioneerd element is een element waarvan de position-eigenschap is ingesteld op: relatief, absoluut of vast.
Tip: Gebruik de juiste eigenschap om de juiste positie van een gepositioneerd element in te stellen of terug te geven.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Geef de linker eigenschap terug:
object.style.left
Stel de linker eigenschap in:
object.style.left = "auto|length|%|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een tekenreeks, die de linkerpositie van een gepositioneerd element vertegenwoordigt |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Stel de linkerpositie van een <div>-element in:
document.getElementById("myDIV").style.left = "100px";
Voorbeeld
Negatieve waarden gebruiken - Stel de linkerpositie van een <div>-element in:
document.getElementById("myDIV").style.left = "-100px";
Voorbeeld
Retourneert de linkerpositie van een <div>-element:
alert(document.getElementById("myDiv").style.left);
Gerelateerde pagina's
CSS-zelfstudie: CSS-positionering
CSS-referentie: linker eigenschap
❮ Stijlobject