English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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‹/›
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
baseline | Alinhar a linha de base da caixa do elemento com a linha de base do pai. |
sub | Baixar a linha de base da caixa para um local adequado para o índice do pai. |
super | Levantar a linha de base da caixa para um local adequado para o subscrito do pai. |
top | Alinhar o topo do elemento e seus descendentes com o topo da caixa de texto. |
text-top | Alinhar o topo do elemento com o topo da fonte do pai do elemento. |
middle | Alinhar o meio do elemento com a linha de base do pai, elevada no paix-heightAlinhamento do meio dos pontos. |
bottom | Alinhar o fundo do elemento e seus descendentes com o fundo da caixa de texto. |
text-bottom | Alinhar o fundo do elemento com o fundo da fonte do pai do elemento. |
length | Unidades 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. |
initial | Defina essa propriedade como seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o vertical do elemento pai-Valores do atributo align |
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.
|
Consulte as seguintes instruções:Alinhamento do CSS.
Propriedades relacionadas:line-height.