Definição:

A tag <colgroup> vem do inglês column group e significa grupo de colunas.

Esta tag é usada para definir atributos para uma ou mais colunas em uma tabela. A tag só pode existir dentro do contexto de uma tabela.

 Esta tag deve ser fechada com a dec</colgroup>.

Tags relacionadas: <caption>, <col>, <colgroup>, <table>, <tbody>, <tfoot>, <th>, <thead> e <tr>.

Suporte:

Internet Explorer: 3.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dicas:

Note que esta tag não é usada para criar colunas, ela apenas contém propriedades de formatação de colunas criadas pela tag <td>.

É possível sobreescrever os atributos definidos pela tag <colgroup> usando a tag <col>.

Exemplo:

Código	Resultado
<table border="1"><caption>Colunas com larguras diferentes</caption><colgroup align="right" span="3" width="30%"></colgroup><tr> <td>30%</td><td>30%</td> <td>30%</td><td>10%</td></tr></table>	Colunas com larguras diferentes 30% 30% 30% 10%

Atributos Padrão:

class, dir, id, lang, style, title

Atributos Opcionais:

Atributo	Valor	Descrição
align	center char justify left right	Especifica o alinhamento do texto dentro das células na coluna. center = centralizado char = texto alinhado pelo caractere especificado no atributo char justify = jutificado à esquerda e à direita left = alinhado à esquerda right = alinhado à direita
char	caractere	Especifica o caractere pelo qual o alinhamento deve ocorrer. O valor padrão deste atributo é o caractere '.' (ponto). Este atributo só pode ser utilizado se o valor do atributo align for char.
charoff	pixels %	Especifica um deslocamento em relação ao caractere especificado no atributo char.
span	número	Define o número de colunas que a tag <cogroupl> abrange.
valign	baseline bottom middle top	Especifica o alinhamento vertical do texto contido nas células da coluna. baseline = texto alinhado de acordo com a primeira linha da primeira célula bottom = em baixo middle = no meio top = em cima
width	pixels %	Especifica a largura de cada coluna do grupo.

Eventos Associados:

onclick, ondblclick, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup