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

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

উদাহরণ

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

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

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

আরও দেখুন

বৈশিষ্ট্য bottom,
যা একটি উপাদানের নীচের প্রান্তের অবস্থান নির্ধারণ করে
বৈশিষ্ট্য top,
যা একটি উপাদানের উপরের প্রান্তের অবস্থান নির্ধারণ করে
বৈশিষ্ট্য left,
যা একটি উপাদানের বাম প্রান্তের অবস্থান নির্ধারণ করে
বৈশিষ্ট্য right,
যা একটি উপাদানের ডান প্রান্তের অবস্থান নির্ধারণ করে
সিউডো-এলিমেন্ট ::backdrop,
যা প্রথম উপাদানের পরে অবস্থান নির্ধারণ করে