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 <col> tag especifica as propriedades da coluna para cada coluna dentro de um <colgroup> elemento.
O <col> tag é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.
Suporte a navegadores
Elemento | |||||
---|---|---|---|---|---|
<col> | 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.
Diferenças entre HTML e XHTML
Em HTML do <col> tag não tem nenhuma marca de fim.
Em XHTML, a <col> tag deve ser devidamente fechado.
Atributos
Atributo | Valor | Descrição |
---|---|---|
align | left right center justify char | Não suportado em HTML5. Especifica o alinhamento do conteúdo relacionado a um <col> elemento |
char | character | Não suportado em HTML5. Especifica o alinhamento do conteúdo relacionado a um <col> elemento para um personagem |
charoff | number | Não suportado em HTML5. Especifica o número de caracteres o conteúdo será alinhado do caractere especificado pelo char atributo |
span | number | Especifica o número de colunas a <col> elemento deve abrangem |
valign | top middle bottom baseline | Não suportado em HTML5. Especifica o alinhamento vertical do conteúdo relacionado a um <col> elemento |
width | % pixels relative_length | Não suportado em HTML5. Especifica a largura de um <col> elemento |
Atributos globais
O <col> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <col> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Objeto Column
Configurações CSS padrão
A maioria dos navegadores exibirá a <col> elemento com os seguintes valores padrão: