HTML colgroup标记

本文概述

属性
全局属性
事件属性
支持的浏览器

HTML <colgroup>标记指定HTML表中的列组。它是一个或多个<col>元素的父容器, 用于在HTML表中应用不同的属性。

注意：<colgroup>标签必须与<caption>之后, <thead>或<tbody>元素之前的<table>元素一起使用。

句法

<colgroup>......</colgroup>

以下是有关HTML <colgroup>标记的一些规范

Display	None
开始日期/结束日期	开始标签和结束标签
Usage	HTML表格

例

<!DOCTYPE html>
<html>
<head>
	<title>Colgroup tag</title>
</head>
<body>
<h2>Example of Colgroup Tag</h2>
<table border="1">
	<colgroup>
		<col  style="background-color: green" width="40">
		<col span="2" style="background-color:	#ff7256" width="80">
	</colgroup>
	<tr>
		<th>Sr.No</th>
		<th>Product</th>
		<th>Price</th>
	</tr>
	<tr>
		<td>1</td>
		<td>Rice</td>
		 <td>85</td>
	</tr>
	<tr>
		<td>2</td>
		<td>Butter</td>
		 <td>260</td>	
	   </tr>
	<tr>
		<td>3</td>
		<td>Mango</td>
		 <td>125</td>
	</tr>
</table>
</body>
</html>

立即测试

输出：

属性

属性	值	描述
align	左居中右对齐	它指定列内容的对齐方式。（HTML5不支持）。
char	character	它指定列组中的内容与字符的对齐方式。（HTML5不支持）。
charoff	number	它设置字符数, 以使列数据偏离char属性指定的对齐字符。（HTML5不支持）。
span	number	它指定colgroup应该跨越的列数。
valign	上中下基线	它指定列组的垂直对齐方式。（HTML5不支持）。
width	％像素relative_length	它指定列组的宽度。（HTML5不支持）。