Cách khai báo thuộc tính cho cột bảng (col/colgroup) trong HTML?

Thẻ <col> (bên trong <colgroup>) chỉ định thuộc tính chung cho một hoặc nhiều cột bảng (width, style...). Không nhóm cấu trúc — chỉ chia sẻ style. <colgroup> mới nhóm cấu trúc.

Thuộc tính <col> (nhiều đã deprecated)

Thuộc tính	Giá trị	Mô tả
span	Number	Số cột áp dụng (mặc định 1)
width	px, %	Chiều rộng cột (deprecated, dùng CSS)
align	left, center, right, justify, char	Căn ngang (deprecated, dùng CSS text-align)
valign	top, middle, bottom, baseline	Căn dọc (deprecated, dùng CSS vertical-align)
char	Character	Ký tự căn chỉnh (align=char, deprecated)
charoff	Length	Độ lệch (align=char, deprecated)

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ col HTML</title>
    <style>
      table { border-collapse: collapse; width: 100%; }
      td, th { border: 1px solid #ccc; padding: 8px; }
      .col1 { width: 40px; background: #f0f0f0; }
      .col2 { width: 70px; background: #e0e0e0; }
      .col3 { width: 100px; background: #d0d0d0; }
    </style>
  </head>
  <body>
    <p>Colgroup 3 cột width khác nhau:</p>
    <table>
      <colgroup>
        <col class="col1" span="1">
        <col class="col2" span="1">
        <col class="col3" span="1">
      </colgroup>
      <tr><th>Một</th><th>Hai</th><th>Ba</th></tr>
      <tr><td>A</td><td>B</td><td>C</td></tr>
    </table>
  </body>
</html>

Lưu ý

<col> không có nội dung, không có thẻ đóng.
CSS selector: col:nth-child(n) hoặc class trên <col> (hỗ trợ tốt).
<colgroup> không span thì chứa các <col>; có span thì không chứa <col>.