HTML 5 <colgroup> 标签

定义和用法

<colgroup> 标签用于对表格中的列进行组合,以便对其进行格式化。

通过使用 <colgroup> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

只能在 table 元素内使用 <colgroup> 标签。

实例

<table>
<colgroup span="2" style="background-color:red" />
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

亲自试一试

浏览器支持

所有主流浏览器都支持 <colgroup> 标签。

HTML 4.01 与 HTML 5 之间的差异

HTML5 中不再支持 HTML 4.01 中的大部分属性。

提示和注释

注释:colgroup 元素只能包含 col 元素。

注释:colgroup 元素无法创建表格列。如需创建列,必须在 tr 元素内规定 td 元素。

提示:如果您希望为一组表格列规定相同的属性值,请使用 <colgroup> 元素。

提示:如果您希望为多个表格列规定不同的属性值,请使用 <col> 元素。

属性

属性 描述
align
  • right
  • left
  • center
  • justify
  • char
HTML5 中不支持。
char character HTML5 中不支持。
charoff
  • pixels
  • %
HTML5 中不支持。
span number 定义 <colgroup> 应当横跨的列数。
valign
  • top
  • middle
  • bottom
  • baseline
HTML5 中不支持。
width
  • %
  • pixels
  • relative_length
HTML5 中不支持。

全局属性

<colgroup> 标签支持 HTML 5 中的全局属性

事件属性

<colgroup> 标签支持 HTML 5 中的事件属性