Tag <colgroup> HTML Reference



Example

Two <colgroup> elements. The first spans two columns and sets the background-color to red, the second sets the background-color to blue:

<table width="100%" border="1">
  <colgroup span="2" style="background-color:#FF0000;"></colgroup>
  <colgroup style="background-color:#0000FF;"></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>

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

1. Definition and Usage

The <colgroup> tag is used to group columns in a table for formatting.

The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

The <colgroup> tag can only be used inside a <table> element.


2. Tips and Notes

Tip: Add the style attribute to the <colgroup> tag, and let CSS take care of backgrounds, width and borders.

Also have a look at the <col> tag.


3. Differences Between HTML 4.01 and HTML5

Most of the attributes in HTML 4.01 are not supported in HTML5.


4. Optional Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
align left
right
center
justify
char
Aligns the content in a column group STF
char character Aligns the content in a column group to a character STF
charoff number Sets the number of characters the content will be aligned from the character specified by the char attribute STF
span number Specifies the number of columns a column group should span STF
valign top
middle
bottom
baseline
Vertical aligns the content in a column group STF
width pixels
%
relative_length
Specifies the width of a column group STF

5. Standard Attributes

The <colgroup> tag supports the Standard Attributes in HTML.


6. Event Attributes

The <colgroup> tag also supports the Standard Event Attributes in HTML.


Relative articles