Exemplo
Defina a cor das três colunas com o fundo <colgroup> e <col> tags:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Tente você mesmo " Definição e Uso
O <colgroup> tag especifica um grupo de uma ou mais colunas de uma tabela para formatação.
O <colgroup> tag é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.
Nota: O <colgroup> tag deve ser um filho de um <table> elemento, após quaisquer <caption> elementos e antes de qualquer <thead>, <tbody>, <tfoot> e <tr> elementos.
Dica: Para definir propriedades diferentes a uma coluna dentro de um <colgroup> , use o <col> tag dentro do <colgroup> tag.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <colgroup> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
A maioria dos atributos em HTML 4.01 não são suportados no HTML5.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| align | left right center justify char | Não suportado em HTML5. Alinha o conteúdo de um grupo de colunas |
| char | character | Não suportado em HTML5. Alinha o conteúdo de um grupo de colunas para um caractere |
| charoff | number | Não suportado em HTML5. Define o número de caracteres o conteúdo será alinhado do caractere especificado pelo char atributo |
| span | number | Especifica o número de colunas de um grupo de colunas deve espalhar |
| valign | top middle bottom baseline | Não suportado em HTML5. Vertical alinha o conteúdo de um grupo de colunas |
| width | pixels % relative_length | Não suportado em HTML5. Especifica a largura de um grupo de colunas |
Atributos globais
O <colgroup> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <colgroup> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: ColumnGroup Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <colgroup> elemento com os seguintes valores padrão: