Уласцівасць empty-cells

Уласцівасць empty-cells паказвае браўзеру як адлюстроўваць фон і мяжу пустых ячэек td або ячэек th HTML табліцы: паказваць ці не.

Ячэйка лічыцца пустой у наступных выпадках: няма ніякіх сімвалаў увогуле, у ячэйцы змяшчаецца толькі прабел (адзін ці некалькі), перанос радка ці сімвал табуляцыі, альбо ўласцівасць visibility ўстаноўлена як hidden.

Каб зрабіць ячэйку не пустой, але пры гэтым без бачнага тэксту, выкарыстоўваюць наступны прыём: у ячэйку запісваюць няразрыўны прабел  .

Уласцівасць не працуе, калі зададзены border-collapse ў значэнні collapse.

Сінтаксіс

селектар {
	empty-cells: show | hide;
}

Значэнні

Значэнне	Апісанне
`show`	Фон і мяжа паказваюцца ў пустой ячэйцы.
`hide`	Фон і мяжа не паказваюцца ў пустой ячэйцы.

Значэнне па змаўчанні: show.

Прыклад . Значэнне show

Зараз у табліцы некаторыя ячэйкі пустыя, але яны ўсё роўна маюць мяжу і фон:

<table>
	<tr>
		<td>cell</td>
		<td></td>
		<td>cell</td>
	</tr>
	<tr>
		<td></td>
		<td>cell</td>
		<td></td>
	</tr>
	<tr>
		<td>cell</td>
		<td>cell</td>
		<td>cell</td>
	</tr>
</table>

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

Прыклад . Значэнне hide

А вось цяпер пустыя ячэйкі не будуць мець фон і мяжу:

<table>
	<tr>
		<td>cell</td>
		<td></td>
		<td>cell</td>
	</tr>
	<tr>
		<td></td>
		<td>cell</td>
		<td></td>
	</tr>
	<tr>
		<td>cell</td>
		<td>cell</td>
		<td>cell</td>
	</tr>
</table>

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

Глядзіце таксама

псеўдаклас empty,
які задае тое, як будзе выглядаць пусты элемент