Latest web development tutorials

tag HTML <colgroup>

Exemplos

tag <COLGROUP> e <col> para as três colunas da tabela definir a cor de fundo:

<table border="1">
  <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 »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos os principais navegadores suportam tag <colgroup>.

definições e instruções tag

tag <COLGROUP> é usado para formar as colunas em combinação, para formatá-lo.

Usando a tag <colgroup>, você pode aplicar um estilo a uma coluna inteira, em vez de exigir repetido para cada célula em cada linha ou definir o estilo.

Nota: Somente no <table> elemento, depois de qualquer elemento <caption> em qualquer <thead>, <tbody>, <tfoot>, antes <tr> elemento usa tag <colgroup>.

Dica: Se você quiser <colgroup> em uma coluna para definir propriedades diferentes, utilizar dentro de tag <colgroup> <col> tag.

Diferenças entre HTML 4.01 e HTML5

HTML5 não é mais suportado em HTML 4.01 na maioria das propriedades.

propriedade

属性 值 描述
align left
right
center
justify
char		 HTML5 不支持。规定在列组合中内容的水平对齐方式。
char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign top
middle
bottom
baseline		 HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width pixels
%
relative_length		 HTML5 不支持。规定列组合的宽度。

Propriedades globais

tag <colgroup> suporta propriedades globais HTML .

Propriedades de evento

tag <colgroup> suporta propriedades de evento HTML .