A caption-side tulajdonság

A caption-side tulajdonság a <caption> taggel létrehozott táblázat címének elhelyezkedését határozza meg. A tulajdonságnak két értéke lehet: top (a táblázat tetején, alapértelmezés szerint) vagy bottom (a táblázat alatt).

Szintaxis

szelektor {
	caption-side: top | bottom;
}

Példa

Helyezzük a címet a táblázat fölé:

<table border="1" width="300">
	<caption>Táblázat</caption>
	<tr>
		<th>Fejléc</th>
		<th>Leírás</th>
	</tr>
	<tr>
		<td>szöveg1</td>
		<td>szöveg2</td>
	</tr>
</table>

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

Példa

Most pedig helyezzük a címet a táblázat alá:

<table border="1" width="300">
	<caption>Táblázat</caption>
	<tr>
		<th>Fejléc</th>
		<th>Leírás</th>
	</tr>
	<tr>
		<td>szöveg1</td>
		<td>szöveg2</td>
	</tr>
</table>

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

Lásd még

a bottom tulajdonság,
amely egy elem alsó szélének pozícióját határozza meg
a top tulajdonság,
amely egy elem felső szélének pozícióját határozza meg
a left tulajdonság,
amely egy elem bal szélének pozícióját határozza meg
a right tulajdonság,
amely egy elem jobb szélének pozícióját határozza meg
a ::backdrop pszeudoelem,
amely az első elem utáni elhelyezkedést határozza meg