ক্যাপশন-সাইড প্রপার্টি আপনাকে নির্দিষ্ট করতে দেয় যেখানে একটি <ক্যাপশন> উপাদানের বিষয়বস্তু টেবিলের সাথে সম্পর্কযুক্ত করা উচিত।
উদাহরণ
এই সম্পত্তিতে চারটি মান শীর্ষ, নীচে, বাম বা ডান থাকতে পারে৷ . কিভাবে ক্যাপশন-সাইড প্রয়োগ করতে হয় তা শিখতে একটি উদাহরণ দেখা যাক সম্পত্তি:
<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> 