HTML <colgroup>标签

示例

通过两个<colgroup>元素,为表格中的三列分别指定不同的对齐方式与样式(注意第一个<colgroup>元素跨越两列):

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></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>元素内部使用。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

注意: Firefox、Chrome和Safari仅支持<colgroup>元素的span和width属性。


HTML和XHTML之间的差异


提示和注意

提示:请为<colgroup>添加class属性,然后通过CSS来指定对齐方式、宽度和颜色等!

相关标签:<col>


可选属性

DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。

属性 描述 DTD
align left
right
center
justify
char
为列组中各列设置水平对齐方式 STF
char 字符 指定以哪个字符为基准进行对齐 STF
charoff 数字 指定相对于第一个对齐字符的偏移量 STF
span 数字 指定<colgroup>元素跨越的列数 STF
valign top
middle
bottom
baseline
为列组中各列设置垂直对齐方式 STF
width %
像素
相对宽度
为列组中各列设置宽度 STF


核心属性

<colgroup>标签支持以下核心属性:

属性 描述 DTD
class 类名 指明元素的类名 STF
dir rtl
ltr
指定元素里内容的文本方向 STF
id id 指明元素的唯一id STF
lang 语言代码 指定元素内容的语言代码 STF
style 样式定义 指定元素的内嵌样式 STF
title 文本 指定元素的提示文本 STF
xml:lang 语言代码 在XHTML文档中指定元素内容的语言代码 STF

更多关于核心属性的信息。


事件属性

<colgroup>标签支持以下事件属性:

属性 描述 DTD
onclick 脚本 在元素区域内单击鼠标(不区分左右键)时执行脚本 STF
ondblclick 脚本 在元素区域内双击鼠标(不区分左右键)时执行脚本 STF
onmousedown 脚本 在元素区域内按下鼠标键(不区分左右键)时执行脚本 STF
onmousemove 脚本 当鼠标指针在元素区域内移动时执行脚本 STF
onmouseout 脚本 当鼠标指针移出元素区域时执行脚本 STF
onmouseover 脚本 当鼠标指针移入元素区域时执行脚本 STF
onmouseup 脚本 在元素区域内松开鼠标键(不区分左右键)时执行脚本 STF
onkeydown 脚本 按下一个键时执行脚本 STF
onkeypress 脚本 按下并松开一个键时执行脚本 STF
onkeyup 脚本 松开一个键时执行脚本 STF

更多关于事件属性的信息。

粤ICP备11097351号-1