Thẻ HTML <col>

Định nghĩa và cách sử dụng

<col> Thẻ này định nghĩa giá trị thuộc tính cho một hoặc nhiều cột trong bảng.

Để áp dụng lại樣式 cho tất cả các cột<col> Thẻ này rất hữu ích, vì vậy bạn không cần phải áp dụng lại樣式 cho từng ô và từng hàng.

Lưu ý

Nếu bạn muốn colgroup Khi quy định giá trị thuộc tính khác nhau cho mỗi cột trong nội bộ, hãy sử dụng thẻ này. Nếu không có thẻ col, cột sẽ kế thừa tất cả các giá trị thuộc tính từ colgroup.

Thẻ col là một thẻ trống chỉ chứa thuộc tính. Nếu bạn muốn tạo cột, bạn phải quy định thẻ td trong thẻ tr.

Xin xem thêm:

Tài liệu tham khảo HTML:Thẻ <colgroup>

Tài liệu tham khảo HTML DOM:Đối tượng Column

Mô hình

Sử dụng thẻ <colgroup> và <col> để thiết lập màu nền cho ba cột:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Mã sách</th>
    <th>Tiêu đề</th>
    <th>Giá</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Cơ Bản</td>
    <td>$53</td>
  </tr>
</table>

Thử ngay

Thuộc tính

Thuộc tính Giá trị Mô tả
span Số Định nghĩa số lượng cột mà phần tử <col> nên chéo qua.

Thuộc tính toàn cục

<col> Thẻ cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<col> Thẻ cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <col> Thành phần:

col {
  display: table-column;
}

Thử ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ