CSS left egenskab
- foregående side @layer
- Næste side letter-spacing
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; }
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 |
- foregående side @layer
- Næste side letter-spacing