Својство 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,
која дефинише како ће изгледати празан елемент