col
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
列属性设置（table column）
语法
<col 属性="属性值">
<col 属性="属性值">
说明
col元素让设计者可以在不为表格列编组的情况下为表格中一个或多个列（中的单元格）定义共同的属性，多个列可用span属性设置
col可以为colgroup的子元素，若使用在colgroup元素中，则必须将所有的col元素放在colgroup元素的标签内容中
在HTML中col元素没有终止标签
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① span | 正整数:1 | 指定为多少列设置共同的属性，也就是col元素的属性和样式设置所要应用到的列的数目。如果包含col元素在colgroup中，那么后者的col属性就会失效 |
| ② align | 字符串:预定义值 left |
定义col元素覆盖范围内的每一列的单元格内容的水平对齐方式：left表示左对齐，默认值；center居中对齐；right右对齐；justify分散对齐；char表示按照指定的字符对齐，具体由char属性决定，并非所有的浏览器都支持char对齐 |
| ③ valign | 字符串:预定义值 middle |
指定定义col元素覆盖范围内的每一列的单元格内容的垂直对齐方式：top表示向上对齐；middle为默认值，表示居中对齐；top向下对齐；baseline表示对齐第一行的基准线 |
| ④ width | 长度值 | 定义col所覆盖范围内的每一列的单元格的宽度。它和colgroup的width属性意义相同，并且会将后者覆盖，但也会被单元格定义的宽度所颠覆。除了整数像素值和百分比值，该属性还可以取一个特殊值0*（0和星号），这表示当前范围内内每一列的单元格将会按最小宽度显示。不过，这就意味着浏览器必须知道各列全部内容才能正确地算出它的宽度，因此浏览器不能逐渐地显示表格 |
| ⑤ char | 任一个字符 | align属性值为char时，指定文字片段中的某一个字符作为单元格的水平对齐的中心线，默认值是数值的小数点（如英语中用点号“.”，法语中用逗号“,”）。客户浏览器不一定支持这种方式。如果char属性指定的字符在单元格中不只一个，那么各种浏览器的行为是不确定的，所以得谨慎使用 |
| ⑥ charoff | 长度值 | 从单元格一端（文字方向从左到右则取左端，从右到左则取右端，文字方向由dir属性决定）到第一次出现对齐字符char的位置距离（不包括对齐字符），也就是作为对齐基准的字符在单元格中的偏移位置。属性值可以为整数或百分比 |
| ⑦ bgcolor | 颜色值 | 定义列编组内单元格的背景色，此处定义的背景色会颠覆当前范围内table元素及colgroup元素bgcolor定义的背景色，不过会被单元格的背景色颠覆。可用于IE浏览器。不可在Strict DTD文档中使用 |
⑧ 通用属性：id、title、class、style、dir、lang、xml:lang  |
||
nbsp;
示范
<table>
<col align="center" span="2">
…
</table>
<col align="center" span="2">
…
</table>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素col</title>
<style type="text/css">
.yellow {color: #CCCC33;font-size:36px;}
.blue {color: #3399CC;font-size:12px;}
</style>
</head>
<body>
<table width="80%" border="1" summary="介绍域名的数量.">
<colgroup>
<col />
<col class="yellow" />
<col />
<col span="2" class="blue" />
</colgroup>
<caption align="center">
域名数量介绍
</caption>
<tr>
<th> </th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
<th>.com.cn域名的数量</th>
</tr>
<tr>
<td>2003年</td>
<td>1000</td>
<td>2000</td>
<td>3000</td>
<td>4000</td>
</tr>
<tr>
<td>2004年</td>
<td>4000</td>
<td>5000</td>
<td>6000</td>
<td>7000</td>
</tr>
<tr>
<td>2005年</td>
<td>7000</td>
<td>8000</td>
<td>9000</td>
<td>10000</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素col</title>
<style type="text/css">
.yellow {color: #CCCC33;font-size:36px;}
.blue {color: #3399CC;font-size:12px;}
</style>
</head>
<body>
<table width="80%" border="1" summary="介绍域名的数量.">
<colgroup>
<col />
<col class="yellow" />
<col />
<col span="2" class="blue" />
</colgroup>
<caption align="center">
域名数量介绍
</caption>
<tr>
<th> </th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
<th>.com.cn域名的数量</th>
</tr>
<tr>
<td>2003年</td>
<td>1000</td>
<td>2000</td>
<td>3000</td>
<td>4000</td>
</tr>
<tr>
<td>2004年</td>
<td>4000</td>
<td>5000</td>
<td>6000</td>
<td>7000</td>
</tr>
<tr>
<td>2005年</td>
<td>7000</td>
<td>8000</td>
<td>9000</td>
<td>10000</td>
</tr>
</table>
</body>
</html>