col 标签的功能
<col> 标签规定了 <colgroup> 元素内部的每一列的列属性.
col 标签的用法
- <colgroup> 和 <col> 标签为表格中的三个列设置了背景色:
- <table border="1">
- <colgroup>
- <col span="2" style="background-color:red">
- <col style="background-color:yellow">
- </colgroup>
- <tr>
- <th > 学习圈 </th>
- <th > 地址 </th>
- <th > 评分 </th>
- </tr>
- <tr>
- <td > 专门建立的学习 Q-q-u-n</td>
- <td>731-771-211</td>
- <td>100 分 </td>
- </tr>
- </table>
col 标签的演示
注意: 如果您对 tr 做了 background-color 设置, 会导致 col 的设置失效
- <style>
- article table tr:nth-child(even){ background-color:transparent; }
- </style>
- <colgroup>
- <col span="2" style="background-color:red">
- <col style="background-color:yellow">
- </colgroup>
| 学习圈 | 地址 | 评分 |
| 专门建立的学习 Q-q-u-n | 731-771-211 | 100 分 |
浏览器支持
所有主流浏览器都支持 <col> 标签.
标签定义及使用说明
通过使用 <col> 标签, 可以向整个列应用样式, 而不需要重复为每个单元格或每一行设置样式.
CSS 设置的背景色会覆盖当前设置
html4 与 HTML5 之间的差异
HTML5 中不再支持 HTML4 中的大部分属性.
HTML 与 XHTML 之间的差异
在 HTML 中,<col> 标签没有结束标签.
在 XHTML 中,<col> 标签必须被正确的关闭.
属性
属性 | 值 | 描述 |
---|---|---|
align | left right center justify char | HTML5 不支持。规定与 <col> 元素相关的内容的水平对齐方式。 |
char | character | HTML5 不支持。规定根据哪个字符来对齐与 <col> 元素相关的内容。 |
charoff | number | HTML5 不支持。规定第一个对齐字符的偏移量。 |
span | number | 规定 <col> 元素应该横跨的列数。 |
valign | top middle bottom baseline | HTML5 不支持。规定与 <col> 元素相关的内容的垂直对齐方式。 |
width | % pixels relative_length | HTML5 不支持。Specifies the width of a <col> element |
全局属性
<col> 标签支持 HTML 全局属性.
事件属性
<col> 标签支持 HTML 事件属性
来源: http://www.jianshu.com/p/95d4040bc302