Manual de Referência HTML

大全 de Etiquetas HTML

HTML: Propriedade valign do <tfoot>

<tfoot> A propriedade valign especifica o modo de alinhamento vertical do conteúdo do elemento <tfoot>.

Exemplo Online

Alinhar verticalmente o conteúdo do elemento <tfoot> ao fundo:

Exemplo

<table　style="width:100%;"　border="1">
　　　　<tr>
　　　　　　<th>Livros de Programação de Linguagem</th>
　　　　　　<th>Preço</th>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="right">PHP Basic Tutorial</td>
　　　　　　<td>$30</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="left">Java Programming Philosophy</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　　<tfoot　valign="bottom">
　　　　　　<tr>
　　　　　　　　<td>总计</td>
　　　　　　　　<td>$110.00</td>
　　　　　　</tr>
　　</tfoot>　
</table>

Teste e veja ‹/›

Navegador compatível

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a propriedade valign.

Definição e uso

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

A propriedade valign especifica o modo de alinhamento vertical do conteúdo do elemento <tfoot>.

Sintaxe

<tfoot 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 deste valor é frequentemente 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 <tfoot> etiqueta

HTML: <template> etiqueta