Propriedade vertical-align do CSS

Definição e uso

A propriedade vertical-align define o alinhamento vertical do elemento.

Explicação

Essa propriedade define a alinhamento vertical da linha de base do elemento inline em relação à linha na qual o elemento está localizado. Permite especificar valores negativos de comprimento e porcentagens. Isso fará com que o elemento desça em vez de subir. Dentro das células da tabela, essa propriedade define o alinhamento do conteúdo da célula dentro da caixa da célula.

Veja também:

Tutorial CSS:Texto CSS

Manual de referência HTML DOM:Propriedade verticalAlign

Exemplo

Alinhamento vertical de uma imagem:

img
  {
  vertical-align:text-top;
  }

Experimente você mesmo

Sintaxe CSS

vertical-align: linha de base|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Valor da propriedade

Valor Descrição
linha de base Padrão. O elemento é colocado na linha de base do elemento pai.
sub Alinhamento vertical do subscrito do texto.
super Alinhamento vertical do superíndice do texto
top Alinha a parte superior do elemento com a parte superior do elemento mais alto na linha.
text-top Alinha a parte superior do elemento com a parte superior da fonte do elemento pai.
middle Coloca esse elemento no meio do elemento pai.
bottom Alinha a parte superior do elemento com a parte superior do elemento mais baixo na linha.
text-bottom Alinha o fundo do elemento com o fundo da fonte do elemento pai.
length 　
% Alinha esse elemento usando a porcentagem do valor do atributo "line-height" permitindo valores negativos.
inherit Define que a propriedade vertical-align deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: linha de base
Herança: não
Versão: CSS1
Sintaxe JavaScript: object.style.verticalAlign="bottom"

Mais exemplos

Alinhamento vertical de imagens
Este exemplo demonstra como alinhar verticalmente imagens no texto.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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