Tag Colgroup

Relação de tags

<!-->, <!DOCTYPE>, <a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <base>, <basefont>, <bdo>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <fieldset>, <font>, <form>, <frame>, <frameset>, <head>, <h1>...<h6>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <link>, <map>, <menu>, <meta>, <noframes>, <noscript>, <object>, <ol>, <optgroup>, <option>, <p>, <param>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <style>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <title>, <tr>, <tt>, <u>, <ul> e <var> .

A Tag colgroup

A tag <colgroup> é usada para agrupar colunas de uma tabela para formatação.

Dois elementos colgroup. O primeiro abrange duas colunas e define a cor de fundo para vermelho, o segundo define a cor de fundo para azul, veja o exemplo:

<table width="100%" border="1">
  <colgroup span="2" style="background-color:green;"></colgroup>
  <colgroup style="background-color:blue;"></colgroup>
  <tr>
    <th>Registro</th>
    <th>Título</th>
    <th>Preço</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Meu primeiro HTML</td>
    <td>R$53,00</td>
  </tr>
</table>

Uso da tag colgroup

A tag <colgroup> é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.

A tag <colgroup> só pode ser usado dentro de um elemento <table>.

Suporte dos navegadores

Internet Explorer - OK
Firefox - OK
Opera - OK
Google Chrome - OK
Safari - OK

A tag <colgroup> é suportado em todos os principais navegadores.

Dicas

Adicione o atributo de estilo para a tag <colgroup>, e deixe CSS cuidar de fundos, largura e margens.

Também dê uma olhada na tag <col>.

Diferenças entre HTML e XHTML

Nenhuma diferença.

Atributos opcionais

DTD indica em qual DTD HTML 4.01/XHTML 1,0 o atributo é permitido. S = Strict, T = Transitional e F = Frameset.

Atributo	Valor	Descrição	DTD
align	left, right, center, justify, char	Alinha o conteúdo de um grupo de colunas	STF
char	character	Alinha o conteúdo de um grupo de colunas por caractere	STF
charoff	número	Define o número de caracteres que o conteúdo será alinhado a partir do caractere especificado pelo atributo char	STF
span	número	Especifica o número de colunas de um grupo de colunas deve abranger	STF
valign	top, middle, bottom, baseline	Vertical alinha o conteúdo em um grupo de colunas	STF
width	pixels, porcentagem, tamanho relativo	Especifica a largura de um grupo de colunas	STF

Atributos Padrão

A tag <colgroup> suporta os seguintes atributos padrão:

Atributo	Valor	Descrição	DTD
classe	nome de classe	Especifica um nome de classe para um elemento	STF
dir	rtl, ltr	Especifica a direção do texto para o conteúdo de um elemento	STF
id	id	Especifica um id único para um elemento	STF
lang	código de linguagem	Especifica um código de linguagem para o conteúdo de um elemento	STF
style	definição de estilo	Especifica um estilo interno para um elemento	STF
title	texto	Especifica informações adicionais sobre um elemento	STF
xml:lang	código de linguagem	Especifica um código de linguagem para o conteúdo de um elemento, em documentos XHTML	STF

Mais informações sobre atributos padrão.

Atributos de Eventos

A tag <colgroup> suporta os atributos de eventos a seguir:

Atributo	Valor	Descrição	DTD
onclick	Script	Script para ser executado em um clique do mouse	STF
ondblclick	Script	Script para ser executado em um duplo clique do mouse	STF
onmousedown	Script	Script para ser executado quando o botão do mouse é pressionado	STF
onmousemove	Script	Script para ser executado quando o ponteiro do mouse se move	STF
onmouseout	Script	Script para ser executado quando o ponteiro do mouse se move para fora de um elemento	STF
onmouseover	Script	Script para ser executado quando o ponteiro do mouse se move sobre um elemento	STF
onmouseup	Script	Script para ser executado quando o botão do mouse é liberado	STF
onkeydown	Script	Script para ser executado quando uma tecla é pressionada	STF
onkeypress	Script	Script para ser executado quando uma tecla é pressionada e liberada	STF
onkeyup	Script	Script para ser executado quando uma tecla é liberada	STF

Mais informações sobre atributos do evento.

< <col> | Índice | <dd> >

Codex