CSS से टेबल कैप्शन की स्थिति नियंत्रित करें

CSS caption-side गुण का उपयोग टेबल कैप्शन की स्थिति को नियंत्रित करने के लिए किया जाता है।

उदाहरण

निम्न कोड चलाकर 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>

मान: top (डिफ़ॉल्ट), bottom।