বৈশিষ্ট্য caption-side

বৈশিষ্ট্য caption-side <caption> ট্যাগ ব্যবহার করে তৈরি টেবিলের ক্যাপশনের অবস্থান নির্ধারণ করে। এই বৈশিষ্ট্যের দুটি মান থাকতে পারে: top (টেবিলের শীর্ষে, ডিফল্ট) বা bottom (টেবিলের নীচে)।

সিনট্যাক্স

cssসিলেক্টর {
  caption-side: top | bottom;
}

উদাহরণ

আসুন ক্যাপশনটি টেবিলের শীর্ষে স্থাপন করি:

html<table border="1" width="300">
  <caption>টেবিল</caption>
  <tr>
    <th>হেড</th>
    <th>বর্ণনা</th>
  </tr>
  <tr>
    <td>টেক্সট১</td>
    <td>টেক্সট২</td>
  </tr>
</table>

csstable {
  width: 100%;
  border-collapse: collapse;
}
td {
  width: 200px;
  height: 100px;
  text-align: center;
}
caption {
  caption-side: top;
  font-weight: bold;
}

Результат:

উদাহরণ

এবং এখন আসুন ক্যাপশনটি টেবিলের নীচে সরিয়ে নেওয়া যাক:

html<table border="1" width="300">
  <caption>টেবিল</caption>
  <tr>
    <th>হেড</th>
    <th>বর্ণনা</th>
  </tr>
  <tr>
    <td>টেক্সট১</td>
    <td>টেক্সট২</td>
  </tr>
</table>

csstable {
  width: 100%;
  border-collapse: collapse;
}
td {
  width: 200px;
  height: 100px;
  text-align: center;
}
caption {
  caption-side: bottom;
  font-weight: bold;
}

Результат:

আরও দেখুন