HTML <col> tag
Definition and Usage
Defines the attribute values for one or more columns in a table. You can only
use this element inside a table or a colgroup.
Differences Between HTML and XHTML
In HTML the <col> tag has no end tag.
In XHTML the <col> tag must be properly closed.
Browser Support
The tag is supported in all major browsers.
Tips and Notes
Note: The col element is an empty element that contains attributes
only. To create columns, you must specify td elements within a tr element.
Tip: Use this element when you want to specify
different attribute values to a column inside a colgroup. Without a col element
a column will inherit all its attribute values from the colgroup.
Example
| Source |
Output |
This example shows a colgroup that has three columns of different
widths:
<table border="1">
<colgroup span="3">
<col width="20"></col>
<col width="50"></col>
<col width="80"></col>
</colgroup>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table> |
This example shows a colgroup that has three columns of different widths:
|
Optional Attributes
DTD indicates in which DTD the attribute is
allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute |
Value |
Description |
DTD |
| align |
right
left
center
justify
char |
Defines the horizontal alignment of the content in the table cell, in the column |
STF |
| char |
character |
Defines a character to use to align text on (use with align="char") |
STF |
| charoff |
character-offset |
Defines an alignment offset to the first character to align
on, as set with char |
STF |
| span |
number |
Defines the number of columns the <col> should span |
STF |
| valign |
top
middle
bottom
baseline |
Defines the vertical alignment of the content in the table cell, in the column |
STF |
| width |
%
pixels
relative_length |
Defines the width of the column.
Note: Overrides the width set in <colgroup> |
STF |
Standard Attributes
| id, class, title, style, dir, lang, xml:lang |
For a full description, go to Standard
Attributes.
Event Attributes
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event Attributes.
 |
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|
HOME
Printer friendly page
