Īpašība caption-side

Īpašība caption-side nosaka tabulas virsraksta novietojumu, kas izveidots ar <caption> tagu. Īpašībai var būt divas vērtības: top (tabulas augšdaļā, pēc noklusējuma) vai bottom (zem tabulas).

Sintakse

selektors {
	caption-side: top | bottom;
}

Piemērs

Novietosim virsrakstu virs tabulas:

<table border="1" width="300">
	<caption>Tabula</caption>
	<tr>
		<th>Galva</th>
		<th>Apraksts</th>
	</tr>
	<tr>
		<td>teksts1</td>
		<td>teksts2</td>
	</tr>
</table>

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

Piemērs

Tagad pārvietosim virsrakstu zem tabulas:

<table border="1" width="300">
	<caption>Tabula</caption>
	<tr>
		<th>Galva</th>
		<th>Apraksts</th>
	</tr>
	<tr>
		<td>teksts1</td>
		<td>teksts2</td>
	</tr>
</table>

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

Skatiet arī

īpašība bottom,
kas nosaka elementa apakšējās malas pozīciju
īpašība top,
kas nosaka elementa augšējās malas pozīciju
īpašība left,
kas nosaka elementa kreisās malas pozīciju
īpašība right,
kas nosaka elementa labās malas pozīciju
pseidoelements ::backdrop,
kas nosaka novietojumu aiz pirmā elementa