目录搜索
Attributesaccesskey (attribute)class (attribute)contenteditable (attribute)contextmenu (attribute)data-* (attribute)dir (attribute)draggable (attribute)dropzone (attribute)Global attributeshidden (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)Elementsaabbraddressareaarticleasideaudiobbasebdibdoblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1headheaderhrhtmliiframeimginputinput type="button"input type="checkbox"input type="color"input type="date"input type="datetime"-localinput 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"inskbdlabellegendlilinkmainmapmarkmenumenuitemmetameternavnoscriptobjectoloptgroupoptionoutputpparampicturepreprogressqrprtrtcrubyssampscriptsectionselectslotsmallsourcespanstrongstylesubsummarysuptabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbrMiscellaneousAttributesBlock-level elementsCORS enabled imageCORS settings attributesElementInline elementsKinds of HTML contentLink typesMicrodataOptimizing your pages for speculative parsingPreloading contentReferenceSupported media formatsUsing the application cacheObsoleteacronymappletbasefontbigblinkcentercommandcontentdirelementfontframeframesethgroupimageinput type="datetime"isindexkeygenlistingmarqueenextidnoframesplaintextstrikettxmp
文字

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)

上一篇:下一篇: