CSS right egenskab
Definisjon og bruk
right egenskapen definerer elementets høyre kant. Egenskapen definerer avstanden mellom det eksterne kantet på det plasserte elementet og innholdskassenens høyre kant.
Kommentar:Hvis verdien for 'position'-egenskapen er 'static', vil setting av 'right'-egenskapen ikke ha noen effekt.
Beskrivelse
For 'static' elementer er verdien 'auto'; for lengdeverdier er den tilsvarende absolutte lengden; for prosentverdier er den angitte verdien; ellers er det 'auto'.
For relative definerte elementer er beregningsverdien for 'left' alltid lik 'right'.
Se også:
CSS undervisning:CSS posisjonering
HTML DOM referansehåndbok:right egenskap
Eksempel
Sett bildets høyre kant 5 pixler til venstre for høyre kant på innholdselementet:
img { position:absolute; right:5px; }
CSS syntaks
right: auto|length|initial|inherit;
Egenskapsverdi
Verdi | Beskrivelse |
---|---|
auto | Standardverdi. Bruker nettleseren til å beregne høyre kantposisjonen. |
% | Sett høyre kant i prosent av elementets bredde. Negative verdier kan brukes. |
length | Sett elementets høyre kant med enheter som px, cm osv. Negative verdier kan brukes. |
inherit | Definerer at 'right'-egenskapen skal arves fra foreldrelementet. |
Teknisk detalj
Standardverdi: | auto |
---|---|
Arv: | nei |
Versjon: | CSS2 |
JavaScript syntaks: | object.style.right="50px" |
Flere eksempler
- Bruk fast verdi for å sette høyre kant på et bilde
- Dette eksempelet viser hvordan man bruker fast verdi for å sette høyre kant på et bilde.
- Bruk prosentviser for å sette høyre kant på et bilde
- Dette eksempelet viser hvordan man bruker prosentviser for å sette høyre 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 |