HTML <colgroup> 标签

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

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

只能在 <table> 元素之内,在任何一个 <caption> 元素之后,在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签

如果想对 <colgroup> 中的某列定义不同的属性,可以在 <colgroup> 标签内使用 <col> 标签

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

属性

属性 描述
align left
right
center
justify
char
HTML5 不支持
设置在列组合中内容的水平对齐方式
char character HTML5 不支持
设置根据哪个字符来对齐列组中的内容
charoff number HTML5 不支持
设置第一个对齐字符的偏移量
span number 设置列组应该横跨的列数
valign top
middle
bottom
baseline
HTML5 不支持
定义在列组合中内容的垂直对齐方式
width pixels
%
relative_length
HTML5 不支持
设置列组合的宽度

范例

<colgroup> 和 >col> 标签为表格中的三个列设置了背景色

<table border="1">
  <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>

运行范例 »

HTML 4.01 与 HTML5之间的差异

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

全局属性

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

事件属性

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

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.