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>टेक्स्ट1</td>
		<td>टेक्स्ट2</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>टेक्स्ट1</td>
		<td>टेक्स्ट2</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 प्स्यूडो-एलिमेंट,
जो पहले एलिमेंट के बाद लोकेशन सेट करता है