col (Elements) – HTML 中文开发手册
col (Elements) - HTML 中文开发手册
HTML <col> 元素定义了一个列的表中，并用于在所有常见的细胞确定共同的语义。它通常在<colgroup>元素中找到。
此元素允许使用CSS设置样式列，但只有少数属性会对列产生影响（请参阅CSS 2.1规范中的列表）。
|
内容类别 |
没有。 |
|---|---|
|
允许的内容 |
没有，这是一个空的元素。 |
|
标记遗漏 |
开始标记是强制性的，但由于它是一个空元素，所以禁止使用结束标记。 |
|
允许父母 |
只有<colgroup>，尽管它可以隐式定义，因为它的开始标记不是必需的。<colgroup>不能有span属性。 |
|
允许ARIA角色 |
没有 |
|
DOM界面 |
HTMLTableColElement |
属性
该元素包含全局属性。
align自HTML4.01开始弃用，自HTML5以来已废弃此枚举属性指定如何处理每个列单元格内容的水平对齐。可能的值是：
left，将内容对齐到单元格的左侧center，将内容集中在单元格中right，将内容对齐到单元格的右侧justify，在文本内容中插入空格以便内容在单元格中合理char，将特殊字符上的文本内容与最小偏移值进行对齐，由“ 未实现” char和“ charoff属性” 定义（请参阅错误2212）。
如果未设置此属性，则其值将从该元素所属align的<colgroup>元素继承<col>。如果没有，left则假定该值。
注意：不要使用此属性，因为它在最新标准中已过时（不支持）。
为了实现作为同样的效果left，center，right或justify值：不要尝试text-align在给出<col>元素的选择器上设置属性。因为<td>元素不是元素的后代<col>，所以它们不会继承它。如果表格不使用colspan属性，请使用td:nth-child(an+b)CSS选择器。设置a为零和b表格中列的位置，例如td:nth-child(2) { text-align: right; }右对齐第二列。如果该表使用colspan属性，则可以通过组合足够的CSS属性选择器来实现该效果[colspan=n]，尽管这不是微不足道的。为了达到与charCSS3中的值相同的效果，可以使用值的值char作为text-align未实现属性的值。
bgcolor属性定义了列的每个单元格的背景颜色。它是sRGB中定义的6位十六进制代码之一，以'＃'为前缀。可以使用十六个预定义颜色字符串中的一个：
|
|
black = "#000000" |
|
green = "#008000" |
|---|---|---|---|
|
|
silver = "#C0C0C0" |
|
lime = "#00FF00" |
|
|
gray = "#808080" |
|
olive = "#808000" |
|
|
white = "#FFFFFF" |
|
yellow = "#FFFF00" |
|
|
maroon = "#800000" |
|
navy = "#000080" |
|
|
red = "#FF0000" |
|
blue = "#0000FF" |
|
|
purple = "#800080" |
|
teal = "#008080" |
|
|
fuchsia = "#FF00FF" |
|
aqua = "#00FFFF" |
使用说明：不要使用该属性，因为它是非标准的，只能在某些版本的Microsoft Internet Explorer中实现：<col>元素应该使用CSS进行样式化。为了给bgcolor属性background-color提供类似的效果，请在相关<td>元素上使用CSS属性。
char自HTML4.01起弃用，自HTML5以来已过时此属性用于设置字符以对齐列上的单元格。典型值包括尝试对齐数字或货币值时的句点(.)。如果align未设置char，则忽略此属性。
注意：不要使用此属性，因为它在最新标准中已过时（并且不受支持）。为了达到与charCSS3中相同的效果，可以使用字符集char作为text-align属性Unimplemented 的值。
charoff自HTML4.01以来不推荐使用，自HTML5以来已过时此属性用于指示用来从char属性指定的对齐字符中偏移列数据的字符数。
注意：不要使用此属性，因为它在最新标准中已过时（并且不受支持）。
span属性包含一个正整数，表示<col>元素跨越的连续列数。如果不存在，则其默认值为1。valign自HTML4.01开始弃用，自HTML5以来已过时此属性指定列的每个单元格内文本的垂直对齐。此属性的可能值为：
baseline，它会将文本尽可能靠近单元格的底部，但将其对齐到字符的基线而不是底部。如果字符的大小都是一样的话，这和效果相同bottom。bottom，这将使文本尽可能靠近单元格的底部;middle，它将文本居中在单元格中;并且top，这将使文本尽可能靠近单元格的顶部。
注意：不要使用此属性，因为它在最新标准中已过时（并且不受支持）：
不要尝试在给出<col>元素的选择器上设置vertical-align属性。因为<td>元素不是元素的后代<col>，所以它们不会继承它。如果表格不使用colspan属性，请使用td:nth-child(an+b)CSS选择器，其中a是表格中列的总数，而b是表格中列的序号位置。只有在这个选择器之后，vertical-align属性才能被使用。如果该表使用colspan属性，则可以通过组合足够的CSS属性选择器像[colspan=n]来实现该效果，尽管这不是微不足道的。
width自HTML5以来已过时此属性指定当前列组中每列的默认宽度。除了标准像素和百分比值之外，该属性可能采用特殊形式0*，这意味着组中每列的宽度应该是保持列内容所需的最小宽度。相对宽度0.5*也可以使用。
示例
请参阅<table>页面上的示例<col>。
规范
|
规范 |
状态 |
评论 |
|---|---|---|
|
HTML Living Standard该规范中'<col>'的定义。 |
Living Strandard |
|
|
HTML5该规范中'<col>'的定义。 |
建议 |
|
|
HTML 4.01规范该规范中'<col>'的定义。 |
建议 |
初始定义 |
浏览器兼容性
|
Feature |
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
|---|---|---|---|---|---|---|
|
Basic Support |
1 |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
|
align |
? |
(Yes) |
No1 |
(Yes) |
? |
? |
|
bgcolor |
? |
No |
No |
(Yes) |
? |
? |
|
char |
? |
(Yes) |
No2 |
(Yes) |
? |
? |
|
charoff |
? |
(Yes) |
No2 |
(Yes) |
? |
? |
|
span |
1 |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
|
valign |
? |
(Yes) |
No1 |
(Yes) |
? |
? |
|
width |
1 |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
|
Feature |
Android |
Chrome for Android |
Edge mobile |
Firefox for Android |
IE mobile |
Opera Android |
iOS Safari |
|---|---|---|---|---|---|---|---|
|
Basic Support |
(Yes) |
(Yes) |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
|
align |
? |
? |
(Yes) |
No1 |
(Yes) |
? |
? |
|
bgcolor |
? |
? |
No |
No |
(Yes) |
? |
? |
|
char |
? |
? |
(Yes) |
No2 |
(Yes) |
? |
? |
|
charoff |
? |
? |
(Yes) |
No2 |
(Yes) |
? |
? |
|
span |
(Yes) |
(Yes) |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
|
valign |
? |
? |
(Yes) |
No1 |
(Yes) |
? |
? |
|
width |
(Yes) |
(Yes) |
(Yes) |
1 |
(Yes) |
(Yes) |
(Yes) |
