Tag ng HTML <col>

  • หน้าก่อนหน้า <code>
  • หน้าต่อไป <colgroup>

定义和用法

<col> 标签为表格中一个或多个列定义属性值。

如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

提示

如果您希望在 colgroup 内部为每个列规定不同的属性值时，请使用此元素。如果没有 col 元素，列会从 colgroup 那里继承所有的属性值。

col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。

另请参阅：

HTML 参考手册：<colgroup> 标签

HTML DOM 参考手册：Column 对象

实例

使用 <colgroup> 和 <col> 标签设置三列的背景颜色：

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>หมายเลขหนังสือ</th>
    <th>หัวข้อ</th>
    <th>ราคา</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>เริ่มต้น HTML</td>
    <td>$53</td>
  </tr>
</table>

ลองด้วยตัวเอง

คุณสมบัติ

คุณสมบัติ ค่า รายละเอียด
span ตัวเลข กำหนดจำนวนคอลัมน์ที่ <col> แอ็กซ์โอปเปอร์ต์ควรข้าม

คุณสมบัติโลก

<col> ตามแบบภาพนี้ยังสนับสนุน คุณสมบัติโลกใน HTML.

คุณสมบัติเหตุการณ์

<col> ตามแบบภาพนี้ยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML.

การตั้งค่า CSS โรมัน

โปรแกรมบราวเซอร์ส่วนใหญ่จะแสดงค่าเริ่มต้นตามต่อไปนี้ <col> องค์ประกอบ:

col {
  display: table-column;
}

ลองด้วยตัวเอง

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <code>
  • หน้าต่อไป <colgroup>