English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

Propriedade CSS vertical-Método de uso e exemplo da propriedade align

vertical-A propriedade CSS align controlaNível de inlineAs caixas geradas pelos elementos (geralmente texto e imagens) em relação aBlocoA alinhamento vertical do texto dentro da caixa ou da célula de tabela em uma linha

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:baseline
Aplicável a:Nível de inline e elementos de célula de tabela
Herança:Nenhum
Animável:Sim.Por favor, consulte Atributos de animação.
Versão:CSS 1,2,3
JavaScript sintaxe:object.style.verticalAlign="middle"

vertical-Uso da sintaxe do align

A sintaxe dessa propriedade é a seguinte:

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

Os seguintes exemplos demonstram como usar vertical-Atributo align.

  img {
   vertical-align: middle;
  }
  span {
   vertical-align: super;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
baselineAlinhar a linha de base da caixa do elemento com a linha de base do pai.
subBaixar a linha de base da caixa para um local adequado para o índice do pai.
superLevantar a linha de base da caixa para um local adequado para o subscrito do pai.
topAlinhar o topo do elemento e seus descendentes com o topo da caixa de texto.
text-topAlinhar o topo do elemento com o topo da fonte do pai do elemento.
middleAlinhar o meio do elemento com a linha de base do pai, elevada no paix-heightAlinhamento do meio dos pontos.
bottomAlinhar o fundo do elemento e seus descendentes com o fundo da caixa de texto.
text-bottomAlinhar o fundo do elemento com o fundo da fonte do pai do elemento.
lengthUnidades como px, pt, cm, em, etc. Adicionar (valor positivo) ou diminuir (valor negativo) o valor de comprimento até a linha de base do pai do elemento. O valor 0px é igual à linha de base.
percentage

Aumentar (valor positivo) ou diminuir (valor negativo) a distância (line-heightOs valores em porcentagem). O valor 0% é igual ao limite de base.

initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o vertical do elemento pai-Valores do atributo align

Compatibilidade do navegador

vertical-Compatibilidade do navegador do atributo align; os números na tabela representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Consulte as seguintes instruções:Alinhamento do CSS.

Propriedades relacionadas:line-height.