CSS vertical-align egenskab

Definisjon og bruk

vertical-align egenskapen setter elementets vertikale justering.

Beskrivelse

Denne egenskapen definerer basellinjen til inline-elementet i forhold til basellinjen til linjen det befinner seg i. Det er tillatt å spesifisere negative lengdeverdier og prosentverdi. Dette vil få elementet til å synke i stedet for å stige. I celler vil denne egenskapen sette retningen på cellens innhold.

Vennligst se også:

CSSundervisning:CSS Tekst

HTML DOM referansehåndbok:verticalAlign egenskapen

Eksempel

Vertikal justering av et bilde:

img
  {
  vertical-align:text-top;
  }

Prøv det selv

CSS syntaks

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
baseline Standard. Elementet plasseres på forelderelementets basallinje.
sub Vertikal justering av tekstbunke
super Vertikal justering av tekstsøppel
top Plasser elementets øvre kant på samme nivå som den høyeste øvre kanten i linjen.
text-top Plasser elementets øvre kant på samme nivå som øvre kant av forelderelementets skrifttype.
middle Plasser dette elementet i midten av forelderelementet.
bottom Plasser elementets øvre kant på samme nivå som den laveste øvre kanten i linjen.
text-bottom Plasser elementets nederste kant på samme nivå som nederste kant av forelderelementets skrifttype.
length 　
% Bruk prosentverdiene av "line-height"-egenskapen for å plassere dette elementet. Negativ verdi er tillatt.
inherit Det presiseres at vertical-align-egenskapen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: baseline
Arvelighet: nei
Versjon: CSS1
JavaScript syntaks: object.style.verticalAlign="bottom"

Flere eksempler

Vertikal justering av bilder
Dette eksempelet viser hvordan du kan plassere bilder vertikalt i teksten.

Nettleserstøtte

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0