Styl verticalAlign-egenskapen

Definition och användning

verticalAlign Ställ in eller returnera den vertikala centreringsstilen för innehållet i elementet.

Se också:

CSS-lärplattform:CSS-text

CSS referenshandbok:vertical-align-egenskapen

Exempel

Exempel 1

Ställ in den vertikala centreringsstilen för vissa texter i tabellen till "bottom":

document.getElementById("myTd").style.verticalAlign = "bottom";

Prova själv

Exempel 2

Returnerar den vertikala centreringsstilen för <td>-elementet:

alert(document.getElementById("myTd").style.verticalAlign);

Prova själv

Syntaks

Returnera verticalAlign-egenskapen:

object.style.verticalAlign

Ställ in verticalAlign-egenskapen:

object.style.verticalAlign = value

Egenskapsvärde

Värde Beskrivning
length Öka eller minska elementets höjd med en specificerad längd. Tillåter negativa värden.
% Öka eller minska elementets höjd med procentandel av "line-height"-egenskapen. Tillåter negativa värden.
baseline Centrera elementets baslinje med föräldrelementets baslinje. Standard.
sub Centrera elementet som en undertext.
super Centrera elementet som en överskrift.
top Elementets topp är centrerad med toppen av det högsta elementet i raden.
text-top Elementets topp är centrerad med föräldrelementets bokstävers topp.
middle Elementet placeras i mitten av föräldrelementet.
bottom Elementets botten är centrerad med den lägsta elementet i raden.
text-bottom Elementets botten är centrerad med föräldrelementets bokstävers botten.
initial Sätt detta egenskapsvärde till dess standardvärde. Se initial.
inherit Inherritar detta egenskapsvärde från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: baseline
Returvärde: Sträng, som anger hur innehållet i elementet är vertikalt centrerat.
CSS-version: CSS1

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd