Manual de referência HTML

大全 de Tags HTML

HTML: Propriedade valign do <colgroup>

No HTML5 não suporta a propriedade <colgroup> valign. A propriedade valign define o alinhamento vertical do conteúdo do grupo de colunas.

　HTML <colgroup> tag

Exemplo online

Uma tabela HTML com colunas de diferentes maneiras de alinhamento vertical:

Exemplo

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

Teste e veja ‹/›

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 de propriedade "baseline".

Definição e uso

No HTML5 No HTML, a propriedade valign do <colgroup> não é suportada.

A propriedade valign define o modo de alinhamento vertical do conteúdo no grupo de colunas.

Sintaxe

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

Valor do atributo

Valor	Descrição
superior	Alinhamento superior do conteúdo.
meio	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 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 <colgroup> tag

HTML: <template> tag