ด้านคำอธิบายภาพ คุณสมบัติช่วยให้คุณระบุตำแหน่งที่เนื้อหาของ
ตัวอย่าง
คุณสมบัตินี้สามารถมีค่าหนึ่งในสี่ค่าบน ล่าง ซ้ายหรือขวา . มาดูตัวอย่างการใช้งาน caption-side คุณสมบัติ:
<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> 