CSS bottom egenskab

Definition og brug

bottom-attributten definerer elementets bundkant. Denne egenskab definerer afstanden mellem elementets nederste udenoms kant og bundkanten af indholdselementet.

Kommentarer:Hvis værdien af "position"-attributten er "static", har indstillingen af "bottom"-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 specificerede værdi; ellers er det auto.

For relative definerede elementer, hvis både bottom og top er auto, er deres beregnede værdier begge 0; hvis en af dem er auto, tages den modsvarende værdi af den anden; hvis begge ikke er auto, tages bottom-værdien som den modsvarende negation af top-værdien.

Se også:

CSS tutorial:CSS positionering

HTML DOM referencehåndbog:bottom-attributten

Eksempel

Sæt bundkanten af billedet 5 pixels højere end bundkanten af indholdselementet:

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

Prøv det selv

CSS syntaks

bottom: auto|length|initial|inherit;

Attributværdi

Værdi Beskrivelse
auto Standardværdi. Browseren beregner positionen af bunden.
% Indstil bundpositionen for elementet i procent af elementets bredde. Negative værdier kan bruges.
length Indstil bundpositionen for elementet med px, cm osv. Negative værdier kan bruges.
inherit Definerer, at værdien af bottom-attributten skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: auto
Arv: nej
Version: CSS2
JavaScript syntaks: object.style.bottom="50px"

Flere eksempler

Brug pixelværdier til at indstille bundkanten af et billede
Dette eksempel viser, hvordan man bruger pixelværdier til at indstille bundkanten af et billede.
Brug procentværdier til at indstille bundkanten af et billede
Dette eksempel viser, hvordan man bruger procentværdier til at indstille bundkanten af et billede.

Browserunderstøttelse

Tabelens numre angiver den første browserversion, der fuldt ud understøtter egenskaben.

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