Хосияти empty-cells

Хосияти empty-cells ба браузер нишон медиҳад, ки чӣ тавр замина ва ҳудуди ҳуҷайраҳои td ё ҳуҷайраҳои th-и ҷадвали HTML намоиш дода шаванд: намоиш дода шавад ё на.

Ҳуҷайра холӣ ҳисоб карда мешавад дар ҳолатҳои зерин: ҳеҷ аломате вуҷуд надошта бошад, дар ҳуҷайра танҳо фосила (як ё якчанд) ҳаст, сатри нав ё аломати таб, ё хосияти visibility ба hidden танзим шуда бошад.

Барои ҳуҷайраро ғайрихолӣ кардан, аммо ҳамзамон бидуни матни дидашаванда, усули зерин истифода мешавад: дар ҳуҷайра фосилаи ғайришикаста   навишта мешавад.

Хосият кор намекунад, агар border-collapse ба қимати collapse танзим шуда бошад.

Синтаксис

интихобкунанда {
	empty-cells: show | hide;
}

Қиматҳо

Қимат	Тавсиф
`show`	Замина ва ҳудуд барои ҳуҷайраи холӣ намоиш дода мешаванд.
`hide`	Замина ва ҳудуд барои ҳуҷайраи холӣ намоиш дода намешаванд.

Қимати пешфарз: show.

Намуна . Қимати show

Ҳоло дар ҷадвал баъзе ҳуҷайраҳо холӣ ҳастанд, вале онҳо ҳамчунон ҳудуд ва замина доранд:

<table>
	<tr>
		<td>ҳуҷайра</td>
		<td></td>
		<td>ҳуҷайра</td>
	</tr>
	<tr>
		<td></td>
		<td>ҳуҷайра</td>
		<td></td>
	</tr>
	<tr>
		<td>ҳуҷайра</td>
		<td>ҳуҷайра</td>
		<td>ҳуҷайра</td>
	</tr>
</table>

table {
	width: 400px;
	empty-cells: show;
}
td {
	border: 1px solid black;
	background-color: #f3f3f3;
	text-align: center;
}

Намуна . Қимати hide

Ва ҳоло ҳуҷайраҳои холӣ замина ва ҳудуд нахоҳанд дошт:

<table>
	<tr>
		<td>ҳуҷайра</td>
		<td></td>
		<td>ҳуҷайра</td>
	</tr>
	<tr>
		<td></td>
		<td>ҳуҷайра</td>
		<td></td>
	</tr>
	<tr>
		<td>ҳуҷайра</td>
		<td>ҳуҷайра</td>
		<td>ҳуҷайра</td>
	</tr>
</table>

table {
	width: 400px;
	empty-cells: hide;
}
td {
	border: 1px solid black;
	background-color: #f3f3f3;
	text-align: center;
}

Нигаред низ

псевдосинф empty,
ки муайян мекунад, ки унсури холӣ чӣ гуна намоиш дода мешавад