Lastnost empty-cells

Lastnost empty-cells določa brskalniku, kako prikazati ozadje in obrobe praznih celic td ali celic th HTML tabele: pokazati ali ne.

Celica velja za prazno v naslednjih primerih: ni nobenih znakov, v celici vsebuje samo presledek (enega ali več), prelom vrstice ali tabulatorski znak, ali če je lastnost visibility nastavljena na hidden.

Da celico naredite za neprazno, a hkrati brez vidnega besedila, uporabite naslednjo metodo: v celico vpišite nelomljivi presledek  .

Lastnost ne deluje, če je nastavljen border-collapse na vrednost collapse.

Sintaksa

selektor {
	empty-cells: show | hide;
}

Vrednosti

Vrednost	Opis
`show`	Ozadje in obroba so prikazani pri prazni celici.
`hide`	Ozadje in obroba niso prikazani pri prazni celici.

Privzeta vrednost: show.

Primer . Vrednost show

Trenutno so v tabeli nekatere celice prazne, vendar imajo vseeno obrobo in ozadje:

<table>
	<tr>
		<td>celica</td>
		<td></td>
		<td>celica</td>
	</tr>
	<tr>
		<td></td>
		<td>celica</td>
		<td></td>
	</tr>
	<tr>
		<td>celica</td>
		<td>celica</td>
		<td>celica</td>
	</tr>
</table>

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

Primer . Vrednost hide

Toda zdaj prazne celice ne bodo imele ozadja in obrobe:

<table>
	<tr>
		<td>celica</td>
		<td></td>
		<td>celica</td>
	</tr>
	<tr>
		<td></td>
		<td>celica</td>
		<td></td>
	</tr>
	<tr>
		<td>celica</td>
		<td>celica</td>
		<td>celica</td>
	</tr>
</table>

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

Glejte tudi

psevdorazred empty,
ki določa, kako bo videti prazen element