CSS caption-side property ব্যবহার

caption-side property নির্দিষ্ট করে <caption> এলিমেন্টের কন্টেন্ট টেবিলের সাপেক্ষে কোথায় থাকবে।

উদাহরণ

এই property-র চারটি মান হতে পারে: top, bottom, left, right। (নোট: left/right CSS2.1-এ সরিয়ে দেওয়া হয়েছে, কেবল top/bottom স্ট্যান্ডার্ড)। নিচে caption-side property-র বাস্তব উদাহরণ দেওয়া হলো:

<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>