Thẻ HTML <colgroup>

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

<colgroup> Thẻ này được sử dụng để quy định định dạng của nhóm cột chứa một hoặc nhiều cột trong bảng.

Nếu cần thiết để<colgroup> Thẻ này rất hữu ích, vì vậy bạn không cần phải ứng dụng lại樣式 cho từng ô và từng hàng.

Lưu ý:<colgroup> thẻ <table> các phần tử con của phần tử <caption> sau phần tử <thead>、<tbody>、<tfoot> và <tr> trước phần tử

Lưu ý:Nếu cần thiết để <colgroup> Để định nghĩa các thuộc tính khác nhau cho một cột cụ thể, xin vui lòng <colgroup> Trong thẻ Thẻ <col>.

Xin vui lòng xem thêm:

Hướng dẫn tham khảo HTML:Thẻ <col>

Hướng dẫn tham khảo HTML DOM:Đối tượng ColumnGroup

Mẫu

Sử dụng thẻ <colgroup> và <col> để đặt 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à nhóm cột nên vượt qua.

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

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

Thuộc tính sự kiện

<colgroup> 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 <colgroup> Thành phần:

colgroup {
  display: table-column-group;
}

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ợ