CSS left egenskab

Definisjon og bruk

left-egenskapen definerer elementets venstre kant. Denne egenskapen definerer avstanden mellom den eksterne kant av det plasserte elementet og den venstre kant av innholdselementet.

Kommentarer:Hvis verdien for "position"-egenskapen er "static", vil setting av "left"-egenskapen ikke ha noen effekt.

Beskrivelse

For static-elementer er verdien auto; for lengdeverdier er det den relative absolutte lengden; for prosentverdier er det den angitte verdien; ellers er det auto.

For relativt definerte elementer er beregningsverdien for left alltid lik right.

Se også:

CSS kurs:CSS plassering

HTML DOM referansehåndbok:left-egenskapen

Eksempel

Sett bildets venstre kant til 100 pixler til høyre for kantene på innholdselementet:

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

Prøv det selv

CSS-syntaks

left: auto|length|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
auto Standardverdi. Beregnet av nettleseren for å finne posisjonen til venstre kant.
% Sett venstre posisjon som en prosentandel av elementets bredde. Negative verdier kan brukes.
length Sett elementets venstre posisjon ved hjelp av enheter som px, cm osv. Negative verdier kan brukes.
inherit Definerer at left-egenskapen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: auto
Arvbarhet: nei
Versjon: CSS2
JavaScript-syntaks: object.style.left="100px"

Flere eksempler

Bruk fast verdi for å sette venstre kant på et bilde
Dette eksempelet viser hvordan man bruker fast verdi for å sette venstre kant på et bilde.
Bruk prosentviser for å sette venstre kant på et bilde
Dette eksempelet viser hvordan man bruker prosentviser for å sette venstre kant på et bilde.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

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