Thẻ HTML <col>
Định nghĩa và Cách sử dụng
Thẻ <col>
chỉ định thuộc tính column cho mỗi cột trong phần tử <colgroup>
.
Ví dụ đặt màu nền của 3 cột bằng các thẻ <colgroup>
và <col>
:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Thẻ <col>
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.
Hỗ trợ trình duyệt
Phần tử < col > | 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 phần tử <col> sẽ kéo dài |
Thuộc tính Global
Thẻ <col>
cũng hỗ trợ thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <col>
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 các cột trong bảng (với CSS):
<table>
<tr>
<th style="width:130px">Month</th>
<th style="width:80px">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ử <col>
với các giá trị mặc định sau:
col {
display: table-column;
}
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
Loli là gì? BB là gì?
Hôm qua 2 -
6 cách xem lịch sử giao dịch MBBank
Hôm qua -
Lệnh SELECT trong SQL Server
Hôm qua -
Cách đánh văn bản trên máy tính
Hôm qua -
Cách hiển thị My Computer, This PC trên Desktop của Windows 10
Hôm qua -
Cách bấm dây mạng chuẩn chỉ với 3 bước
Hôm qua 1 -
Cách cài tiếng Việt cho Messenger trên điện thoại
Hôm qua -
Những trang web chơi khăm biến bạn trở thành nhà "thiên tài" công nghệ
Hôm qua -
Hướng dẫn cài Windows 11, cài Win 11 bằng file ISO
Hôm qua 17 -
Kiểu dữ liệu trong Python: chuỗi, số, list, tuple, set và dictionary
Hôm qua 4