Style left eigenschap

Definitie en gebruik

left Eigenschap instellen of retourneren van de linksonderste positie van het ge定位erde element.

Deze eigenschap definieert de linksonderste positie van het element, inclusief binnenruimte, scrollbalken, randen en marge.

Tip:De positie-eigenschap van het element is ingesteld op:relative,absolute of fixed elementen.

Tip:Gebruik right eigenschap.

Zie ook:

CSS Handleiding:CSS Positie

CSS Referentiemanual:left eigenschap

Voorbeeld

Voorbeeld 1

Stel de linksonderste positie van het <button>-element in:

document.getElementById("myBtn").style.left = "100px";

Probeer het zelf

Voorbeeld 2

Stel de linksonderste positie van het <div>-element in:

document.getElementById("myDIV").style.left = "100px";

Probeer het zelf

Voorbeeld 3

Gebruik negatieve waarden - stel de linksonderste positie van het <div>-element in:

document.getElementById("myDIV").style.left = "-100px";

Probeer het zelf

Voorbeeld 4

Retourneer de linksonderste positie van het <div>-element:

alert(document.getElementById("myDiv").style.left);

Probeer het zelf

Syntax

Retourneer de left eigenschap:

object.style.left

Stel de left eigenschap in:

object.style.left = "auto|length|%|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
auto Laat de browser de linksonderste positie instellen. Standaard.
length Definieer de linksonderste positie met een lengte-eenheid. Negatieve waarden zijn toegestaan.
% Stel de linksonderste positie in als een percentage van de breedte van de ouderlijke element.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. inherit.

Technische details

Standaardwaarde: auto
Retourwaarde: Een string die de linksonderste positie van het element aangeeft.
CSS versie: CSS2

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support