col
<col>
HTML <col> 元素定义了一个列的表中,并用于在所有常见的细胞确定共同的语义。它通常在<colgroup>元素中找到。
此元素允许使用CSS设置样式列,但只有少数属性会对列产生影响(请参阅CSS 2.1规范中的列表)。
内容类别 | 没有。 |
---|---|
允许的内容 | 没有,这是一个空的元素。 |
标记遗漏 | 开始标记是强制性的,但由于它是一个空元素,所以禁止使用结束标记。 |
允许父母 | 只有<colgroup>,尽管它可以隐式定义,因为它的开始标记不是必需的。<colgroup>不能有span属性。 |
允许ARIA角色 | 没有 |
DOM界面 | HTMLTableColElement |
属性
该元素包含全局属性。
align
自HTML4.01开始弃用,自HTML5以来已废弃此枚举属性指定如何处理每个列单元格内容的水平对齐。可能的值是:
left
,将内容对齐到单元格的左侧
如果未设置此属性,则其值将从该元素所属align的<colgroup>元素继承<col>。如果没有,left则假定该值。
注意:
不要使用此属性,因为它在最新标准中已过时(不支持)。
- 为了实现作为同样的效果
left
,center
,right
或justify
值:
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
,则忽略此属性。
注意:
不要使用此属性,因为它在最新标准中已过时(并且不受支持)。为了达到与char
CSS3中相同的效果,可以使用字符集char
作为text-align
属性Unimplemented 的值。
charoff
自HTML4.01以来不推荐使用,自HTML5以来已过时此属性用于指示用来从char
属性指定的对齐字符中偏移列数据的字符数
。
注意:
不要使用此属性,因为它在最新标准中已过时(并且不受支持)。
span属性包含一个正整数,表示<col>元素跨越的连续列数。如果不存在,则其默认值为1。valign自HTML4.01开始弃用,自HTML5以来已过时此属性指定列的每个单元格内文本的垂直对齐。此属性的可能值为:
baseline
,它会将文本尽可能靠近单元格的底部,但将其对齐到字符的基线而不是底部。如果字符的大小都是一样的话,这和效果相同bottom
。
注意:
不要使用此属性,因为它在最新标准中已过时(并且不受支持):
- 不要尝试在给出<col>元素的选择器上设置vertical-align属性。因为<td>元素不是元素的后代<col>,所以它们不会继承它。
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) |