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;
}
931
Bạn nên đọc
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Thơ về hoa sen, câu nói về hoa sen hay và ý nghĩa
Hôm qua -
Lời chúc Tết Sếp hay, lời chúc mừng năm mới 2024 cho sếp ấn tượng
Hôm qua -
5 cách lấy kim cương miễn phí trong Free Fire
Hôm qua 3 -
Code All Star Tower Defense 08/02/2025 mới nhất, đổi gems và stardust
Hôm qua 3 -
Các câu lệnh trong Logo đầy đủ nhất 2025
Hôm qua 32 -
Cách điều chỉnh kích thước ô trong bảng Word bằng nhau
Hôm qua -
Công thức tính diện tích xung quanh hình nón, diện tích toàn phần hình nón, thể tích hình nón, V nón
Hôm qua -
Công thức tính diện tích xung quanh hình nón cụt, diện tích toàn phần hình nón cụt, thể tích hình nón cụt
Hôm qua -
Các công thức đạo hàm và đạo hàm lượng giác đầy đủ nhất
Hôm qua -
Lời cảm ơn, tri ân thầy cô hay và xúc động
Hôm qua 1