caption-side հատկությունը

caption-side հատկությունը սահմանում է <caption> տեգով ստեղծված աղյուսակի վերնագրի դիրքը: Հատկությունը կարող է ունենալ երկու արժեք՝ top (աղյուսակի վերևում, լռելյայն) կամ bottom (աղյուսակի տակ):

Շարահյուսություն

ընտրիչ {
	caption-side: top | bottom;
}

Օրինակ

Եկեք տեղադրենք վերնագիրը աղյուսակի վերևում.

<table border="1" width="300">
	<caption>Աղյուսակ</caption>
	<tr>
		<th>Վերնագիր</th>
		<th>Նկարագրություն</th>
	</tr>
	<tr>
		<td>տեքստ1</td>
		<td>տեքստ2</td>
	</tr>
</table>

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

Օրինակ

Իսկ հիմա եկեք տեղափոխենք վերնագիրը աղյուսակի տակ.

<table border="1" width="300">
	<caption>Աղյուսակ</caption>
	<tr>
		<th>Վերնագիր</th>
		<th>Նկարագրություն</th>
	</tr>
	<tr>
		<td>տեքստ1</td>
		<td>տեքստ2</td>
	</tr>
</table>

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

Տես նաև

bottom հատկությունը,
որը սահմանում է տարրի ստորին եզրի դիրքը
top հատկությունը,
որը սահմանում է տարրի վերին եզրի դիրքը
left հատկությունը,
որը սահմանում է տարրի ձախ եզրի դիրքը
right հատկությունը,
որը սահմանում է տարրի աջ եզրի դիրքը
::backdrop կեղծատարրը,
որը սահմանում է դիրքը առաջին տարրից հետո