Verzeichnis suchen
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
Figuren

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

内容类别

没有。

允许的内容

如果span属性存在:none,则它是一个空元素。如果该属性不存在:零个或多个<col>元素

标记遗漏

如果开始标记的<第一个子元素为<col>元素,并且没有之前没有结束标记的<colgroup>,则可以省略开始标记。如果没有空格或评论,可以省略结束标记。

允许父母

一个<table>元素。<colgroup>必须出现在任何可选的<caption>元素之后,但在任何<thead>,<th>,<tbody>,<tfoot>和<tr>元素之前。

允许ARIA角色

没有

DOM界面

HTMLTableColElement

属性

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

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

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

  • center,将内容集中在单元格中

  • right,将内容对齐到单元格的右侧

  • justify,在文本内容中插入空格以便内容在单元格中合理

  • char,将特殊字符上的文本内容与最小偏移值进行对齐,由“ 未实现” char和“ charoff属性” 定义。

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

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

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

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

    • 如果该表不使用colspan属性,请对td:nth-child(an+b)每列使用一个CSS选择器,其中a是表中列的总数,而b是表中该列的序号位置。只有在这个选择器之后,text-align属性才能被使用。

    • 如果该表使用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中实现; 该<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效果相同。

  • bottom,这将使文本尽可能靠近单元格的底部;

  • middle,它将文本居中在单元格中;

  • top,这将使文本尽可能靠近单元格的顶部。

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

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

  • 如果表格不使用colspan属性,请使用td:nth-child(an+b)每列的CSS选择器,其中a是表格中列的总数,b是表格中列的序号位置。只有在这个选择器之后,该vertical-align属性才能被使用。

  • 如果该表使用colspan属性,则可以通过组合足够的CSS属性选择器比如[colspan=n]来实现该效果,尽管这不是微不足道的。

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

示例

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

规范

规范

状态

评论

HTML生活标准该规范中'<colgroup>'的定义。

Living Standard


HTML5该规范中'<colgroup>'的定义。

建议


HTML 4.01规范该规范中'<colgroup>'的定义。

建议


浏览器兼容性

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)

Vorheriger Artikel: Nächster Artikel: