Xüsusiyyət caption-side

caption-side xüsusiyyəti <caption> teqi ilə yaradılan cədvəl başlığının mövqeyini təyin edir. Xüsusiyyətin iki dəyəri ola bilər: top (cədvəlin yuxarısında, standart) və ya bottom (cədvəlin altında).

Sintaksis

selektor {
	caption-side: top | bottom;
}

Nümunə

Gəlin başlığı cədvəlin üstündə yerləşdirək:

<table border="1" width="300">
	<caption>Table</caption>
	<tr>
		<th>Head</th>
		<th>Description</th>
	</tr>
	<tr>
		<td>text1</td>
		<td>text2</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ümunə

İndi isə gəlin başlığı cədvəlin altına köçürək:

<table border="1" width="300">
	<caption>Table</caption>
	<tr>
		<th>Head</th>
		<th>Description</th>
	</tr>
	<tr>
		<td>text1</td>
		<td>text2</td>
	</tr>
</table>

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

Həmçinin bax

bottom xüsusiyyəti,
elementin alt kənarının mövqeyini təyin edir
top xüsusiyyəti,
elementin üst kənarının mövqeyini təyin edir
left xüsusiyyəti,
elementin sol kənarının mövqeyini təyin edir
right xüsusiyyəti,
elementin sağ kənarının mövqeyini təyin edir
::backdrop psevdoelementi,
ilk elementdən sonrakı yerləşməni təyin edir