CSS ด้านคำอธิบายภาพ คุณสมบัติใช้เพื่อควบคุมตำแหน่งของคำอธิบายตาราง
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งานด้านคำอธิบายภาพ คุณสมบัติ:
<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> 