HTML参考手册
标签 | Elements
colgroup
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
属性” 定义(请参阅bug 2212)。
如果未设置此属性,left
则假定该值。后代<col>
元素可以使用他们自己的align
属性覆盖这个值。
注意:不要使用此属性,因为它在最新标准中已过时(不支持)。
- 为了实现作为同样的效果
left
,center
,right
或justify
值:- 不要尝试
text-align
在给出<colgroup>
元素的选择器上设置属性。因为<td>
元素不是元素的后代<colgroup>
,所以它们不会继承它。 - 如果该表不使用
colspan
属性,请对td:nth-child(an+b)
每列使用一个CSS选择器,其中a是表中列的总数,而b是表中该列的序号位置。只有在这个选择器之后,text-align
属性才能被使用。 - 如果该表使用
colspan
属性,则可以通过组合足够的CSS属性选择器来实现该效果[colspan=n]
,尽管这不是微不足道的。
- 不要尝试
- 为了达到与
char
CSS3中的值相同的效果,可以使用值的值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>
这些都属此列组的成员。
注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。为了达到与char
CSS3中相同的效果,可以使用字符集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) |
标签 | Elements相关
超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。