Phía chú thích thuộc tính cho phép bạn chỉ định nơi nội dung của phần tử
Ví dụ
Thuộc tính này có thể có một trong bốn giá trị trên, dưới, trái hoặc phải . Hãy cùng chúng tôi xem một ví dụ để tìm hiểu cách triển khai caption-side tài sản:
<html>
<head>
<style>
caption.top {
caption-side:top
}
caption.bottom {
caption-side:bottom
}
</style>
</head>
<body>
<table style = "width:500px; border:3px solid gray;">
<caption class = "top">
Countries (Top Caption)
</caption>
<tr><td> India</td></tr>
<tr><td> UK</td></tr>
<tr><td> US</td></tr>
<tr><td> Australia</td></tr>
</table>
<br />
<table style = "width:500px; border:3px solid blue;">
<caption class = "bottom">
Countries (Bottom caption)
</caption>
<tr><td> India</td></tr>
<tr><td> UK</td></tr>
<tr><td> US</td></tr>
<tr><td> Australia</td></tr>
</table>
<br />
</body>
</html>