Manual de Referência HTML

大全 de etiquetas HTML

HTML: propriedade valign do <col>

A propriedade valign especifica o alinhamento vertical do conteúdo relacionado ao elemento <col>, demonstrando online como usar a propriedade valign do HTML col, compatibilidade de navegadores, definição da sintaxe e detalhes dos valores dos atributos.

　HTML <col> etiqueta

Exemplo Online

Tabela HTML com colunas verticalmente alinhadas diferentes:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso da propriedade valign do <col> em HTML-Tutorial Básico(oldtoolbag.com)</title>
<style>table, th, td { border:　1px sólido preto;}</style>
</head>
<body>
<table　style="height:200px">
　　<col>
　　<col　valign="bottom">
　　<tr>
　　　　<th>Mês</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

Testar e ver ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Apenas o Internet Explorer e o Opera suportam a propriedade valign. No entanto, o IE e o Opera não suportam o valor "linha de base".

Definição e uso

HTML5 A propriedade valign do <col> não é mais suportada.

A propriedade align define o modo de alinhamento vertical do conteúdo relacionado ao elemento <col>.

Sintaxe

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

Valor do atributo

Valor	Descrição
superior	Alinhamento superior do conteúdo.
central	Alinhamento central do conteúdo (valor padrão).
inferior	Alinhamento inferior do conteúdo.
linha de base	Alinhamento com a linha de base.

A linha de base é uma linha imaginária. Em uma linha de texto, a maioria das letras se baseia na 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 a ilustração a seguir:

valign="bottom"

valign="baseline"

　HTML <col> etiqueta

HTML: <template> etiqueta