Thẻ HTML <colgroup>
Định nghĩa và cách sử dụng
Thẻ <colgroup>
chỉ định một nhóm gồm một hoặc nhiều cột trong bảng để định dạng.
Thẻ <colgroup>
hữu ích để áp dụng kiểu cho toàn bộ cột, thay vì lặp lại kiểu cho từng ô hay cho mỗi hàng.
Lưu ý: Thẻ <colgroup> phải là con của phần tử <table>
, sau bất kỳ phần tử <caption>
nào và trước bất kỳ phần tử <thead>
, <tbody>
, <tfoot>
và <tr>
nào.
Mẹo: Để xác định các thuộc tính khác nhau cho một cột trong <colgroup>
, hãy sử dụng thẻ <col>
trong thẻ <colgroup>
.
Hỗ trợ trình duyệt
Phần tử <colgroup> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
span | number | Chỉ định số cột mà một nhóm cột sẽ kéo dài |
Thuộc tính Global
Thẻ <colgroup>
cũng hỗ trợ thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <colgroup>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Các ví dụ khác
Căn chỉnh văn bản trong các cột bảng (với CSS):
<table style="width:100%">
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td style="text-align:right">$53</td>
</tr>
<tr>
<td>2489604</td>
<td>My first CSS</td>
<td style="text-align:right">$47</td>
</tr>
</table>
Căn chỉnh theo chiều dọc văn bản trong các cột của bảng (với CSS):
<table style="height:200px">
<tr>
<th>Month</th>
<th style="vertical-align:bottom">Savings</th>
</tr>
<tr>
<td>January</td>
<td style="vertical-align:bottom">$100</td>
</tr>
</table>
Chỉ định chiều rộng của một cột trong bảng (với CSS):
<table>
<tr>
<th style="width:200px">Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Cài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <colgroup>
với các giá trị mặc định sau:
colgroup {
display: table-column-group;
}
Bạn nên đọc
![❖](https://st.quantrimang.com/photos/avatars/default.png)
![❖](https://st.quantrimang.com/photos/image/icon/hoc-HTML-5-size-24x24-znd.png)
Cũ vẫn chất
-
Reset rank Liên Quân mùa 27
2 ngày -
200 biệt danh cho người yêu bằng tiếng Anh hay và ngọt ngào
2 ngày -
Cách chuyển dữ liệu giữa các máy tính
2 ngày -
Cách viết chữ màu Liên Quân Mobile
Hôm qua 2 -
Cách view source, xem mã nguồn trang web bằng điện thoại, máy tính
Hôm qua 1 -
Công thức Minecraft để chế tạo đồ cơ bản, thức ăn, công cụ dụng cụ, đồ bảo hộ, len, màu nhuộm
Hôm qua 1 -
Hướng dẫn thiết lập và quản lý FTP Server trên Windows 10
2 ngày -
Cách quản lý mật khẩu đã lưu trên Microsoft Edge: Xem, xóa, sửa, xuất
Hôm qua -
Cách xem phiên bản di động của một trang web bất kỳ trên máy tính
Hôm qua -
Cách fix lỗi 0xc000007b trên Windows
2 ngày 4