在线文档教程

col

<col>

HTML <col> 元素定义了一个列的表中,并用于在所有常见的细胞确定共同的语义。它通常在<colgroup>元素中找到。

此元素允许使用CSS设置样式列,但只有少数属性会对列产生影响(请参阅CSS 2.1规范中的列表)。

内容类别没有。
允许的内容没有,这是一个空的元素。
标记遗漏开始标记是强制​​性的,但由于它是一个空元素,所以禁止使用结束标记。
允许父母只有<colgroup>,尽管它可以隐式定义,因为它的开始标记不是必需的。<colgroup>不能有span属性。
允许ARIA角色没有
DOM界面HTMLTableColElement

属性

该元素包含全局属性。

align自HTML4.01开始弃用,自HTML5以来已废弃此枚举属性指定如何处理每个列单元格内容的水平对齐。可能的值是:

  • left,将内容对齐到单元格的左侧

如果未设置此属性,则其值将从该元素所属align的<colgroup>元素继承<col>。如果没有,left则假定该值。

注意:不要使用此属性,因为它在最新标准中已过时(不支持)。

  • 为了实现作为同样的效果leftcenterrightjustify值:

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

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持):

  • 不要尝试在给出<col>元素的选择器上设置vertical-align属性。因为<td>元素不是元素的后代<col>,所以它们不会继承它。

width自HTML5以来已过时此属性指定当前列组中每列的默认宽度。除了标准像素和百分比值之外,该属性可能采用特殊形式0*,这意味着组中每列的宽度应该是保持列内容所需的最小宽度。相对宽度0.5*也可以使用。

示例

请参阅<table>页面上的示例<col>。

规范

规范状态评论
HTML Living Standard该规范中'<col>'的定义。Living Strandard
HTML5该规范中'<col>'的定义。建议
HTML 4.01规范该规范中'<col>'的定义。建议初始定义

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic Support1(Yes)1(Yes)(Yes)(Yes)
align?(Yes)No1(Yes)??
bgcolor?NoNo(Yes)??
char?(Yes)No2(Yes)??
charoff?(Yes)No2(Yes)??
span1(Yes)1(Yes)(Yes)(Yes)
valign?(Yes)No1(Yes)??
width1(Yes)1(Yes)(Yes)(Yes)

FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support(Yes)(Yes)(Yes)1(Yes)(Yes)(Yes)
align??(Yes)No1(Yes)??
bgcolor??NoNo(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)