Egenskapen caption-side

Egenskapen caption-side setter posisjonen til tabelloverskriften, opprettet med taggen <caption>. Egenskapen kan ha to verdier: top (øverst på tabellen, standard) eller bottom (under tabellen).

Syntaks

selector {
	caption-side: top | bottom;
}

Eksempel

La oss plassere overskriften over tabellen:

<table border="1" width="300">
	<caption>Tabell</caption>
	<tr>
		<th>Hode</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 la oss nå flytte overskriften under tabellen:

<table border="1" width="300">
	<caption>Tabell</caption>
	<tr>
		<th>Hode</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å

egenskapen bottom,
som setter posisjonen til elementets nedre kant
egenskapen top,
som setter posisjonen til elementets øvre kant
egenskapen left,
som setter posisjonen til elementets venstre kant
egenskapen right,
som setter posisjonen til elementets høyre kant
pseudoelementet ::backdrop,
som setter plasseringen etter det første elementet