Thẻ HTML <caption>
Định nghĩa và Cách sử dụng
Thẻ <caption>
xác định chú thích bảng. Thẻ <caption>
phải được chèn ngay sau thẻ <table>
.
Mẹo: Theo mặc định, chú thích bảng sẽ được căn giữa phía trên bảng. Tuy nhiên, các thuộc tính CSS text-align và caption-side có thể được sử dụng để căn chỉnh và đặt phụ đề.
Hỗ trợ trình duyệt
Phần tử <caption> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính Global
Thẻ <caption>
cũng hỗ trợ thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <caption>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Các ví dụ khác
Định vị chú thích bảng (với CSS):
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <caption>
với các giá trị mặc định sau:
caption {
display: table-caption;
text-align: center;
}
621
Bạn nên đọc
0 Bình luận
Sắp xếp theo
![❖](https://st.quantrimang.com/photos/avatars/default.png)
Xóa Đăng nhập để Gửi
![❖](https://st.quantrimang.com/photos/image/icon/hoc-HTML-5-size-24x24-znd.png)
Cũ vẫn chất
-
11 thủ thuật mở Local Group Policy Editor trên Windows
Hôm qua -
Khắc phục tình trạng các phím chức năng không hoạt động trong Windows 10
Hôm qua -
Hình nền mở khóa điện thoại hài hước, hình nền mở khóa troll bá đạo
Hôm qua -
Thủ thuật gỡ bỏ Microsoft Edge trên Windows 10
Hôm qua -
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 -
Những status cảm động níu kéo người yêu cũ
2 ngày -
Phần mở rộng file là gì?
Hôm qua -
46 câu ca dao hài hước, châm biếm hay nhất
2 ngày -
Câu nói hay về người thứ ba, stt về người thứ ba trong tình yêu thâm thúy
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