Etiqueta HTML <col>

Definição e uso

<col> A tag define valores de atributos para uma ou mais colunas de uma tabela.

Para aplicar estilos a todas as colunas:<col> A tag é muito útil, assim você não precisa aplicar estilos repetidamente a cada célula e linha.

Dica

Se você desejar que colgroup Use este elemento para definir diferentes valores de atributos para cada coluna. Se não houver elemento col, a coluna herdará todos os valores de atributos do colgroup.

O elemento col é um elemento vazio que contém apenas atributos. Para criar uma coluna, você deve especificar o elemento td dentro do elemento tr.

Veja também:

Manual HTML:Tag <colgroup>

Manual HTML DOM:Objeto Column

Exemplo

Definir a cor de fundo de três colunas usando as tags <colgroup> e <col>:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Número do livro</th>
    <th>Título</th>
    <th>Preço</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Básico</td>
    <td>$53</td>
  </tr>
</table>

Experimente você mesmo

Atributo

Atributo Valor Descrição
span Número Define o número de colunas que o elemento <col> deve cruzar.

Atributos globais

<col> A tag também suporta Atributos globais no HTML.

Atributos de evento

<col> A tag também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <col> Elemento:

col {
  display: table-column;
}

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte