HTML <col> Tag
Example
col elements that specify different alignment for the three columns in the table:
<table width="100%" border="1">
<col align="left" />
<col align="left" />
<col align="right" />
<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> |
Try it yourself » |
Definition and Usage
The <col> tag defines attribute values for one or more columns in a table.
The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
The <col> tag can only be used inside a table or a colgroup element.
Browser Support
The <col> tag is supported in all major browsers.
Note: Only the width attribute works in Firefox (none of the other
attributes).
Differences Between HTML and XHTML
In HTML the <col> tag has no end tag.
In XHTML the <col> tag must be properly closed.
Tips and Notes
Tips: Add the class attribute to the <col> tag, and let CSS take care of alignment, widths, colors, etc.!
Also have a look at the <colgroup> tag.
Optional Attributes
DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute |
Value |
Description |
DTD |
| align |
left
right
center
justify
char |
Specifies the alignment of the content related to a col element |
STF |
| char |
character |
Specifies the alignment of the content related to a col element to a character |
STF |
| charoff |
number |
Specifies 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 col element should span |
STF |
| valign |
top
middle
bottom
baseline |
Specifies the vertical alignment of the
content related to a col element |
STF |
| width |
%
pixels
relative_length |
Specifies the width of a col element |
STF |
Standard Attributes
The <col> tag supports the following standard attributes:
| Attribute |
Value |
Description |
DTD |
| class |
classname |
Specifies a classname for an element |
STF |
| dir |
rtl
ltr |
Specifies the text direction
for the content in an element |
STF |
| id |
id |
Specifies a unique id for an element |
STF |
| lang |
language_code |
Specifies a language code for the content in an element |
STF |
| style |
style_definition |
Specifies an inline style for an element |
STF |
| title |
text |
Specifies extra information about an element |
STF |
| xml:lang |
language_code |
Specifies a language code for the content in an element, in
XHTML documents |
STF |
More information about Standard Attributes.
Event Attributes
The <col> tag supports the following event attributes:
| Attribute |
Value |
Description |
DTD |
| onclick |
script |
Script to be run on a mouse click |
STF |
| ondblclick |
script |
Script to be run on a mouse double-click |
STF |
| onmousedown |
script |
Script to be run when mouse button is pressed |
STF |
| onmousemove |
script |
Script to be run when mouse pointer moves |
STF |
| onmouseout |
script |
Script to be run when mouse pointer moves out of an
element |
STF |
| onmouseover |
script |
Script to be run when mouse pointer moves over an
element |
STF |
| onmouseup |
script |
Script to be run when mouse button is released |
STF |
| onkeydown |
script |
Script to be run when a key is pressed |
STF |
| onkeypress |
script |
Script to be run when a key is pressed and released |
STF |
| onkeyup |
script |
Script to be run when a key is released |
STF |
More information about Event Attributes.
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
New features in Version 2010!
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
| 
