CSS left egenskap

Definition och användning

left-attributet specificerar elementets vänstra kant. Detta attribut definierar avståndet från den externa kant av det positionerade elementet till den vänstra kanten av innehållande element.

Kommentar:Om värdet för "position"-attributet är "static", har inställningen av "left"-attributet ingen effekt.

Förklaring

För static-element är värdet auto; för längdvärden är det motsvarande absoluta längden; för procentvärden är det det specificerade värdet; annars är det auto.

För relativt definierade element är beräknade värdet för left alltid lika med right.

Se också:

CSS tutorial:CSS positioning

HTML DOM referenshandbok:left-attributet

Exempel

Sätt bilden till vänster kant 100 pixlar från den innehållande elementets vänstra kant:

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

Prova själv

CSS syntax

left: auto|length|initial|inherit;

Attributvärde

Värde Beskrivning
auto Standardvärde. Beräknas av webbläsaren för vänster kantens position.
% Ställ in vänster position som en procentandel av elementets innehåll. Negativa värden kan användas.
length Använd enheter som px, cm för att ställa in elementets vänstra position. Negativa värden kan användas.
inherit Bestämmer att left-attributets värde börjande från föräldrelementet.

Tekniska detaljer

Standardvärde: auto
Inherritbarhet: no
Version: CSS2
JavaScript syntax: object.style.left="100px"

Mer exempel

Använd fast värde för att ställa in bilden till vänster kant
Detta exempel visar hur man använder fast värde för att ställa in bilden till vänster kant.
Använd procentvärden för att ställa in bilden till vänster kant
Detta exempel visar hur man använder procentvärden för att ställa in bilden till vänster kant.

Webbläsarstöd

Talen i tabellen noterar den första webbläsarversion som fullständigt stöder egenskapen.

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