当前位置:首页>HTML>HTML标签>HTML <colgroup> 标签

HTML <colgroup> 标签

作者:微学网发布时间:2019-08-25 21:44:13

示例

使用<colgroup><col>标记设置三列的背景颜色:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <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>标签指定表中一个或多个列的组以进行格式化。

<colgroup>标签对于将样式应用于整个列非常有用,而不是为每一行重复每个单元格的样式。

注意: <colgroup>标签必须是<table>元素的子元素,在任何<caption>元素之后以及任何<thead><tbody><tfoot><tr>元素之前。

提示:要为<colgroup>中的列定义不同的属性,请使用<colgroup>标签内的<col>标签。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera
支持 支持 支持 支持 支持

HTML 4.01和HTML5之间的差异

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

属性

元素相关的内容的水平对齐方式。 元素相关的内容。 element
属性 描述
align left
right
center
justify
char
HTML5 不支持。规定与
char character HTML5 不支持。规定根据哪个字符来对齐与
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定 <col> 元素应该横跨的列数。
valign top
middle
bottom
baseline
HTML5 不支持。规定与 <col> 元素相关的内容的垂直对齐方式。
width %
pixels
relative_length
HTML5 不支持。Specifies the width of a

全局属性

<colgroup>标记还支持HTML中的全局属性。

事件属性

<colgroup>标记还支持HTML中的事件属性。

相关页面

HTML DOM参考:ColumnGroup对象

默认CSS设置

大多数浏览器将使用以下默认值显示<colgroup>元素:

colgroup { 
    display: table-column-group;
}