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 псевдоэлементі,
бірінші элементтен кейінгі орналасуын белгілейді