CSS vertical-align eigenschap

Definitie en gebruik

De vertical-align-eigenschap stelt de verticale uitlijning van het element in.

Beschrijving

Deze eigenschap definieert de verticale uitlijning van de baselijn van een inline-element ten opzichte van de baselijn van de regel waarin het element zich bevindt. Negatieve lengtewaarden en procentwaarden zijn toegestaan. Dit zal het element verlagen in plaats van te verhogen. In celkaders zal deze eigenschap de uitlijning van de inhoud van de cel instellen.

Zie ook:

CSS handleiding:CSS tekst

HTML DOM referentiehandleiding:verticalAlign-eigenschap

Voorbeeld

Verticale uitlijning van een afbeelding:

img
  {
  vertical-align:text-top;
  }

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
baselijn Standaard. Het element wordt geplaatst op de baselijn van het ouder-element.
sub Verticale uitlijning van tekstsubscript.
super Verticale uitlijning van tekstsuperscript
top Plaats de top van het element op het hoogste deel van het element in de regel.
text-top Plaats de top van het element op het bovenste deel van de letter van het ouder-element.
middle Plaats dit element in het midden van het ouder-element.
bottom Plaats de top van het element op het laagste deel van het element in de regel.
text-bottom Plaats de onderkant van het element op het onderste deel van de letter van het ouder-element.
lengte 　
% Gebruik een procentwaarde van de "line-height"-eigenschap om dit element te rangschikken. Negatieve waarden zijn toegestaan.
inherit Stelt dat de waarde van de vertical-align-eigenschap van het element moet worden geërfd van het ouder-element.

Technische details

Standaardwaarde: baselijn
Inheritantie: nee
Versie: CSS1
JavaScript syntaxis: object.style.verticalAlign="bottom"

Meer voorbeelden

Verticale uitlijning van afbeeldingen
Dit voorbeeld demonstreert hoe je afbeeldingen verticaal in tekst kunt plaatsen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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