directory search
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
characters

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

内容类别

没有。

允许的内容

没有,这是一个空的元素。

标记遗漏

开始标记是强制性的,但由于它是一个空元素,所以禁止使用结束标记。

允许父母

只有<colgroup>,尽管它可以隐式定义,因为它的开始标记不是必需的。<colgroup>不能有span属性。

允许ARIA角色

没有

DOM界面

HTMLTableColElement

属性

该元素包含全局属性。

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

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

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

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

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

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

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

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

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

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

    • 如果表格不使用colspan属性,请使用td:nth-child(an+b)CSS选择器。设置a为零和b表格中列的位置,例如td:nth-child(2) { text-align: right; }右对齐第二列。

    • 如果该表使用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中实现:<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>元素跨越的连续列数。如果不存在,则其默认值为1valign自HTML4.01开始弃用,自HTML5以来已过时此属性指定列的每个单元格内文本的垂直对齐。此属性的可能值为:

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

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

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

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

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

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

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

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

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)

Previous article: Next article: