<col>: O Elemento COL
Última atualização: 2026-10-13
<col>O Elemento COL
Define uma coluna de tabela, geralmente dentro de colgroup, para estilizar ou estender uma coluna inteira de uma vez.
| Categoria | Tabelas |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Auto-fechante — nenhuma tag de fechamento necessária |
| Status | Padrão |
📝 Sintaxe
<col span="2">⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
span | Number of columns this definition covers (default 1). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <col> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： col é um elemento vazio (sem tag de fechamento); estilos de coluna como width ficam em col, não em td.
❓ Perguntas Frequentes
QComo col aplica estilo a uma coluna inteira?
A
<col> não é exibida em si; pelo atributo span (padrão 1) ela declara «represento a N-ésima coluna», sempre junto de <colgroup>. Os estilos possíveis são limitados: width, background, border (com border-collapse: collapse na table) e visibility.QPor que col não muda a cor do texto?
APorque
<col> não é pai das células — é só a «representação abstrata da coluna», e propriedades herdáveis (como a cor da fonte) não fluem por ela até o td. Para colorir o texto da coluna inteira, use o seletor td:nth-child(n) — col cuida apenas de estilos de «caixa de nível de coluna», como fundo e largura.QComo usar o atributo span de col?
A
<col span='3'> faz um único col representar 3 colunas consecutivas, útil para definir largura de várias colunas de uma vez: <colgroup><col style='width:40%'><col span='3' style='width:20%'></colgroup> — a soma das colunas deve bater com as colunas reais da tabela.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
