Defina a propriedade verticalAlign do estilo

Definição e uso

verticalAlign Define ou retorna o alinhamento vertical do conteúdo do elemento.

Veja também:

Tutorial CSS:Texto CSS

Manual de referência CSS:Propriedade vertical-align

Exemplo

Exemplo 1

Defina o alinhamento vertical de alguns textos da tabela como "bottom":

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

Experimente você mesmo

Exemplo 2

Retorna o alinhamento vertical do elemento <td>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade verticalAlign:

object.style.verticalAlign

Defina a propriedade verticalAlign:

object.style.verticalAlign = value

Valor da propriedade

Valor Descrição
length Aumenta ou diminui o elemento por uma distância especificada. Permite valores negativos.
% Aumenta ou diminui o elemento usando a porcentagem da propriedade "line-height". Permite valores negativos.
baseline Alinha a linha de base do elemento com a linha de base do elemento pai. Padrão.
sub Alinha o elemento como superescrito.
super Alinha o elemento como subscrito.
top A parte superior do elemento alinha-se com a parte superior do elemento mais alto da linha.
text-top A parte superior do elemento alinha-se com a parte superior da fonte do elemento pai.
middle O elemento é colocado no meio do elemento pai.
bottom O fundo do elemento alinha-se com o elemento mais baixo da linha.
text-bottom O fundo do elemento alinha-se com o fundo da fonte do elemento pai.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: baseline
Retorno: Stringo, que representa o alinhamento vertical do conteúdo do elemento.
Versão do CSS: CSS1

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte