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
-
Mất quyền Admin trên Windows 10, đây là cách khắc phục
Hôm qua -
Cách khắc phục lỗi Apple CarPlay không hoạt động
Hôm qua -
Làm sao để tải phụ đề video trên Youtube nhanh chóng và đơn giản?
Hôm qua -
Chụp ảnh và soi gương cái nào sẽ cho bạn hình ảnh chính xác nhất?
Hôm qua -
13 câu lệnh SQL quan trọng Programmer nào cũng cần biết
Hôm qua -
Hướng dẫn kết nối máy tính với máy chiếu, kết nối laptop với máy chiếu
Hôm qua 2 -
6 cách mở Computer/System Properties trong Windows 10
Hôm qua -
Đáp án Brain Out, giải Brain Out level 1 đến level 255
Hôm qua -
Cách sắp xếp ảnh chồng lên nhau trong Word
Hôm qua -
3 cách tắt tường lửa Windows 11
Hôm qua