colgroup

<colgroup>

HTML<colgroup>元素定义表格内的一组列。

内容类别没有。
允许的内容如果span属性存在:none,则它是一个空元素。如果该属性不存在:零个或多个<col>元素
标记遗漏如果开始标记的<第一个子元素为<col>元素,并且没有之前没有结束标记的<colgroup>,则可以省略开始标记。如果没有空格或评论,可以省略结束标记。
允许父母一个<table>元素。<colgroup>必须出现在任何可选的<caption>元素之后,但在任何<thead>,<th>,<tbody>,<tfoot>和<tr>元素之前。
允许ARIA角色没有
DOM界面HTMLTableColElement

属性

这个元素的属性包括全局属性。

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

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

如果未设置此属性,left则假定该值。后代<col>元素可以使用他们自己的align属性覆盖这个值。

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

  • 为了实现作为同样的效果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中实现; 该<colgroup>元素应该用样式CSS。为了给bgcolor属性background-color提供类似的效果,请在相关<td>元素上使用CSS属性。

char自HTML4.01起不推荐使用,自HTML5以来已过时此属性指定列组中的内容与字符的对齐方式。典型值包括尝试对齐数字或货币值时的句点(.)。如果align没有设置char,这个属性被忽略,但它仍然会被用作默认值align的的<col>这些都属此列组的成员。

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。为了达到与charCSS3中相同的效果,可以使用字符集char作为text-align属性Unimplemented 的值。

charoff自HTML4.01以来不推荐使用,自HTML5以来已过时此属性用于指示从char属性指定的对齐字符中偏移列数据的字符数

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

span该属性包含一个正整数,表示<colgroup>元素跨越的连续列数。如果不存在,则其默认值为1。

注意:此属性应用于列组的属性,它不会影响与其关联的CSS样式规则,甚至对组的列成员的单元格也没有影响。

  • 如果<colgroup>属性中有一个或多个<col>元素,span属性可能不存在。

valign自HTML4.01开始弃用,自HTML5以来已过时此属性指定列的每个单元格内文本的垂直对齐。此属性的可能值为:

  • baseline,它会将文本尽可能靠近单元格的底部,但将其对齐到字符的基线而不是底部。如果字符的大小都是一样的话,这和bottom效果相同。

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

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

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

示例

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

规范

规范状态评论
HTML生活标准该规范中'<colgroup>'的定义。Living Standard
HTML5该规范中'<colgroup>'的定义。建议
HTML 4.01规范该规范中'<colgroup>'的定义。建议

浏览器兼容性

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)