Vetia caption-side

Vetia caption-side përcakton pozicionin e titullit të tabelës, i krijuar me ndihmën e tag-ut <caption>. Vetia mund të ketë dy vlera: top (në krye të tabelës, si parazgjedhje) ose bottom (nën tabelë).

Sintaksa

përzgjedhësi {
	caption-side: top | bottom;
}

Shembull

Le të vendosim titullin mbi tabelë:

<table border="1" width="300">
	<caption>Tabela</caption>
	<tr>
		<th>Kokë</th>
		<th>Përshkrim</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;
}

Shembull

Tani le ta zhvendosim titullin nën tabelë:

<table border="1" width="300">
	<caption>Tabela</caption>
	<tr>
		<th>Kokë</th>
		<th>Përshkrim</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;
}

Shihni gjithashtu

vetia bottom,
e cila përcakton pozicionin e skajit të poshtëm të elementit
vetia top,
e cila përcakton pozicionin e skajit të sipërm të elementit
vetia left,
e cila përcakton pozicionin e skajit të majtë të elementit
vetia right,
e cila përcakton pozicionin e skajit të djathtë të elementit
pseudoelementi ::backdrop,
i cili përcakton vendosjen pas elementit të parë