Manual de referência HTML

大全 de tags HTML

Propriedade valign do HTML td

A propriedade valign especifica o modo de alinhamento vertical do conteúdo dentro da célula, demonstrações de exemplo online de como usar a propriedade valign do HTML td, compatibilidade do navegador, definição da sintaxe e detalhes dos valores das propriedades.

　HTML <td> tag

Exemplo online

Alinhamento vertical do conteúdo dentro do elemento <td>:

Exemplo

<table　style="width:100%"　border="1"　height="400">
　　<tr>
　　　　<th>Número</th>
　　　　<th>Mês</th>
　　　　<th>A poupança</th>
　　</tr>
　　<tr>
　　　　<td　valign="top">1</td>
　　　　<td　valign="top">Janeiro</td>
　　　　<td　valign="top">3100</td>
　　</tr>
　　<tr>
　　　　<td　valign="bottom">2</td>
　　　　<td　valign="bottom">Fevereiro</td>
　　　　<td　valign="bottom">2180</td>
　　</tr>
</table>

Testar e ver ‹/›

Compatibilidade do navegador

IEFirefoxÓperaChromeSafari

Todos os navegadores principais suportam a propriedade valign.

Definição e uso

HTML5 A propriedade valign do <td> não é suportada. Use CSS em vez disso.

A propriedade valign especifica o modo de alinhamento vertical do conteúdo da célula.

Sintaxe

<td valign="top|middle|bottom|baseline">

Valor do atributo

Valor	Descrição
top	Alinhamento superior do conteúdo.
middle	Alinhamento central do conteúdo (valor padrão).
bottom	Alinhamento inferior do conteúdo.
baseline	Alinhamento com a linha de base. A linha de base é uma linha imaginária. Em uma linha de texto, a maioria das letras se alinha com a linha de base. O valor da linha de base define que todos os dados da tabela na linha compartilham a mesma linha de base. O efeito geralmente é o mesmo que o valor bottom. No entanto, se o tamanho da fonte do texto for diferente, o efeito da linha de base é melhor. Veja o gráfico a seguir.

Quando o tamanho da fonte do texto é diferente, gráfico bottom vs. baseline:

valign="bottom"

valign="baseline"

　HTML <td> tag

HTML: <template> tag