Omadus caption-side

Omadus caption-side määrab tabeli pealkirja asendi, mis on loodud kasutades silti <caption>. Omadusel võib olla kaks väärtust: top (tabeli kohal, vaikimisi) või bottom (tabeli all).

Süntaks

selektor {
	caption-side: top | bottom;
}

Näide

Asetame pealkirja tabeli kohale:

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

Näide

Nüüd aga liigutame pealkirja tabeli alla:

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

Vaata ka

omadus bottom,
mis määrab elemendi alumise serva asendi
omadus top,
mis määrab elemendi ülemise serva asendi
omadus left,
mis määrab elemendi vasaku serva asendi
omadus right,
mis määrab elemendi parema serva asendi
pseudoelement ::backdrop,
mis määrab asendi pärast esimest elementi