HTML 5 <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 4.01 and HTML 5
Most of the attributes from 4.01 are no longer supported
Tips and Notes
Note: The col element is an empty element. 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 more than one table column.
Tip: Use the <colgroup> element if you want to specify
the same attribute values to a group of columns.
Example
Source |
Output |
<table>
<col style="color:red" />
<col span="2" style="color:blue" />
<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.
…
|