CSS top egenskab

Definisjon og bruk

Top-attributten definerer elementets øverste kant. Denne egenskab definerer afstanden mellem den ydre kant af en positioneret element og den øverste kant af dens indeholder.

Kommentar:Hvis værdien af position-attributten er "static", har indstillingen af top-attributten ingen effekt.

Beskrivelse

For statiske elementer er det auto; for længdeværdier er det den tilsvarende absolutte længde; for procentværdier er det den angivne værdi; ellers er det auto.

For elementer defineret relativt, hvis både top og bottom er auto, er beregnede værdier begge 0; hvis en af dem er auto, tages den modsvarende værdi; hvis begge ikke er auto, tages bottom som modværdien af top.

Se også:

CSS-undervisning:CSS-tilpasning

HTML DOM referencemanual:top-attributten

Eksempel

Sæt billedets øverste kant 5 pixel under øverste kant af indholdsarealet:

img
  {
  position:absolute;
  top:5px;
  }

Prøv det selv

CSS-syntaks

top: auto|length|initial|inherit;

Attributværdi

Værdi Beskrivelse
auto Standardværdi. Beregnes af browseren til at finde positionen for øverste kant.
% Indstil øverste position i procent af elementets bredde. Kan bruge negative værdier.
length Indstil elementets øverste position ved hjælp af px, cm osv. kan bruge negative værdier.
inherit Definerer, at værdien af top-attributten skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: auto
Arv: nei
Version: CSS2
JavaScript-syntaks: object.style.top="50px"

Flere eksempler

Brug af en fast værdi til at indstille billedets øverste kant
Dette eksempel viser, hvordan man bruger en fast værdi til at indstille billedets øverste kant.
Brug af procenter til at indstille billedets øverste kant
Dette eksempel viser, hvordan man bruger procenter for at indstille billedets øverste kant.

Browser-understøttelse

Tallene i tabellen angiver den første browser-version, der fuldt ud understøtter denne egenskab.

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