Lastnost caption-side

Lastnost caption-side določa položaj naslova tabele, ustvarjenega z oznako <caption>. Lastnost ima lahko dve vrednosti: top (zgoraj nad tabelo, privzeto) ali bottom (pod tabelo).

Sintaksa

selektor {
	caption-side: top | bottom;
}

Primer

Postavimo naslov nad tabelo:

<table border="1" width="300">
	<caption>Tabela</caption>
	<tr>
		<th>Glava</th>
		<th>Opis</th>
	</tr>
	<tr>
		<td>besedilo1</td>
		<td>besedilo2</td>
	</tr>
</table>

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

Primer

Zdaj pa premaknimo naslov pod tabelo:

<table border="1" width="300">
	<caption>Tabela</caption>
	<tr>
		<th>Glava</th>
		<th>Opis</th>
	</tr>
	<tr>
		<td>besedilo1</td>
		<td>besedilo2</td>
	</tr>
</table>

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

Glejte tudi

lastnost bottom,
ki določa položaj spodnjega roba elementa
lastnost top,
ki določa položaj zgornjega roba elementa
lastnost left,
ki določa položaj levega roba elementa
lastnost right,
ki določa položaj desnega roba elementa
psevdoelement ::backdrop,
ki določa razporeditev za prvim elementom