Egenskaben caption-side

Egenskaben caption-side angiver positionen af en tabeloverskrift, oprettet med tagget <caption>. Egenskaben kan have to værdier: top (øverst i tabellen, standard) eller bottom (under tabellen).

Syntaks

selektor {
	caption-side: top | bottom;
}

Eksempel

Lad os placere overskriften over tabellen:

<table border="1" width="300">
	<caption>Tabel</caption>
	<tr>
		<th>Hoved</th>
		<th>Beskrivelse</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;
}

Eksempel

Og lad os nu flytte overskriften under tabellen:

<table border="1" width="300">
	<caption>Tabel</caption>
	<tr>
		<th>Hoved</th>
		<th>Beskrivelse</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;
}

Se også

egenskaben bottom,
som angiver positionen af elementets nederste kant
egenskaben top,
som angiver positionen af elementets øverste kant
egenskaben left,
som angiver positionen af elementets venstre kant
egenskaben right,
som angiver positionen af elementets højre kant
pseudoelementet ::backdrop,
som angiver placering efter det første element