CSS left eigenschap

Definitie en gebruik

De left-eigenschap bepaalt de linkermarge van het element. Deze eigenschap definieert de afstand tussen de linkerbuitenrand van het geplaatste element en de linkerbinnenrand van het omvattende blok.

Opmerking:Als de waarde van de 'position'-eigenschap 'static' is, heeft het instellen van de 'left'-eigenschap geen effect.

Beschrijving

Voor static-elementen is het auto; voor lengtewaarden is het de bijbehorende absolute lengte; voor percentage-waarden is het de gespecificeerde waarde; anders is het auto.

Voor relatief gedefinieerde elementen is de berekende waarde van left altijd gelijk aan right.

Zie ook:

CSS handleiding:CSS positionering

HTML DOM referentiehandleiding:left-eigenschap

Voorbeeld

Stel de linkermarge van de afbeelding in op 100 pixels naast de linkermarge van het omvattende element:

img
  {
  position:absolute;
  left:100px;
  }

Probeer het zelf

CSS syntax

left: auto|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De positie van de linkermarge wordt berekend door de browser.
% Stel de linkermarge in op basis van het percentage van de breedte van het element. Negatieve waarden zijn toegestaan.
length Stel de linkermarge van het element in met een eenheid zoals px, cm, etc. Negatieve waarden zijn toegestaan.
inherit Het bepaalt dat de waarde van de left-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: auto
Inheritantie: nee
Versie: CSS2
JavaScript syntax: object.style.left="100px"

Meer voorbeelden

Gebruik een vaste waarde om de linkermarge van een afbeelding in te stellen
Dit voorbeeld toont hoe je de linkermarge van een afbeelding kunt instellen met een vaste waarde.
Gebruik percentages om de linkermarge van een afbeelding in te stellen
Dit voorbeeld toont hoe je de linkermarge van een afbeelding kunt instellen met percentages.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0