Eigenschap caption-side

De eigenschap caption-side bepaalt de positie van het tabelbijschrift, gemaakt met de tag <caption>. De eigenschap kan twee waarden hebben: top (boven de tabel, standaard) of bottom (onder de tabel).

Syntaxis

selector {
	caption-side: top | bottom;
}

Voorbeeld

Laten we het bijschrift boven de tabel plaatsen:

<table border="1" width="300">
	<caption>Tabel</caption>
	<tr>
		<th>Kop</th>
		<th>Beschrijving</th>
	</tr>
	<tr>
		<td>tekst1</td>
		<td>tekst2</td>
	</tr>
</table>

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

Voorbeeld

En laten we nu het bijschrift onder de tabel plaatsen:

<table border="1" width="300">
	<caption>Tabel</caption>
	<tr>
		<th>Kop</th>
		<th>Beschrijving</th>
	</tr>
	<tr>
		<td>tekst1</td>
		<td>tekst2</td>
	</tr>
</table>

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

Zie ook

eigenschap bottom,
die de positie van de onderrand van het element bepaalt
eigenschap top,
die de positie van de bovenrand van het element bepaalt
eigenschap left,
die de positie van de linkerrand van het element bepaalt
eigenschap right,
die de positie van de rechterrand van het element bepaalt
pseudoelement ::backdrop,
die de positionering na het eerste element bepaalt