HTML 5 <colgroup> tag
Definition and Usage
Defines groups of table columns. With this element, you can group columns for
formatting. This element is only valid inside the <table> tag.
Differences Between HTML 4.01 and HTML 5
Most of the attributes from 4.01 are no longer supported
Tips and Notes
Note: The colgroup element can only contain col elements.
Note: The colgroup element does not create columns. To create columns, you must specify td elements within a tr
element.
Tip: Use this element if you want to specify
the same attribute values to a group of columns.
Tip: Use the <col> element when you want to specify
different attribute values to more than one table column.
Example
| Source |
Output |
<table>
<colgroup span="3" style="color:red">
</colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table> |
|
Attributes
- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5
| Attribute |
Value |
Description |
4 |
5 |
| align |
right
left
center
justify
char |
Defines the horizontal alignment of the content in the table cell, in the column |
4 |
|
| char |
character |
Defines a character to use to align text on (use with align="char") |
4 |
|
| charoff |
pixels
% |
Defines an alignment offset to the first character to align
on, as set with char |
4 |
|
| span |
number |
Defines the number of columns the <col> should span |
4 |
5 |
| valign |
top
middle
bottom
baseline |
Defines the vertical alignment of the content in the table cell, in the column |
4 |
|
| width |
%
pixels
relative_length |
Defines the width of the column.
Note: Overrides the width set in <colgroup> |
4 |
|
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
|
HOME
Printer friendly page
