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

HTML <col> 标签

作者:微学网发布时间:2019-08-25 21:38: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>

定义和用法

<col>标记指定<colgroup>元素中每列的列属性 。

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

浏览器支持

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

HTML 4.01和HTML5之间的差异

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

HTML和XHTML之间的差异

在HTML中,<col>标签没有结束标记。

在XHTML中,必须正确关闭<col>标记。

属性

元素相关的内容的水平对齐方式。 元素相关的内容。 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

全局属性

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

事件属性

<col>标签还支持HTML中的事件属性。

相关页面

HTML DOM参考:列对象

默认CSS设置

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

col { 
    display: table-column;
}