caption-side хусусияти

caption-side хусусияти <caption> теги орқали яратилган жадвал сарлавҳасининг ўрнини белгилайди. Хусусиятнинг икки қиймати бўлиши мумкин: top (жадвалнинг устида, сунъий холда) ёки bottom (жадвалнинг остида).

Синтаксис

селектор {
	caption-side: top | bottom;
}

Мисол

Келинг, сарлавҳани жадвалнинг устига жойлаштирамиз:

<table border="1" width="300">
	<caption>Table</caption>
	<tr>
		<th>Head</th>
		<th>Description</th>
	</tr>
	<tr>
		<td>text1</td>
		<td>text2</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>Table</caption>
	<tr>
		<th>Head</th>
		<th>Description</th>
	</tr>
	<tr>
		<td>text1</td>
		<td>text2</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 псевдоэлементи,
биринчи элементдан кейинги ўринлашувни белгиловчи