Egenskapen empty-cells

Egenskapen empty-cells spesifiserer for nettleseren hvordan den skal vise bakgrunn og ramme for tomme celler td eller celler th i en HTML tabell: vise dem eller ikke.

En celle anses som tom i følgende tilfeller: det er ingen tegn i det hele tatt, cellen inneholder kun mellomrom (ett eller flere), linjeskift eller tabulator-tegn, eller egenskapen visibility er satt til hidden.

For å gjøre en celle ikke-tom, men samtidig uten synlig tekst, brukes følgende triks: et hardt mellomrom   skrives inn i cellen.

Egenskapen fungerer ikke hvis border-collapse er satt til verdien collapse.

Syntaks

selector {
	empty-cells: show | hide;
}

Verdier

Verdi	Beskrivelse
`show`	Bakgrunn og ramme vises for en tom celle.
`hide`	Bakgrunn og ramme vises ikke for en tom celle.

Standardverdi: show.

Eksempel . Verdien show

Nå har tabellen noen tomme celler, men de har likevel ramme og bakgrunn:

<table>
	<tr>
		<td>celle</td>
		<td></td>
		<td>celle</td>
	</tr>
	<tr>
		<td></td>
		<td>celle</td>
		<td></td>
	</tr>
	<tr>
		<td>celle</td>
		<td>celle</td>
		<td>celle</td>
	</tr>
</table>

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

Eksempel . Verdien hide

Men nå vil de tomme cellene ikke ha bakgrunn og ramme:

<table>
	<tr>
		<td>celle</td>
		<td></td>
		<td>celle</td>
	</tr>
	<tr>
		<td></td>
		<td>celle</td>
		<td></td>
	</tr>
	<tr>
		<td>celle</td>
		<td>celle</td>
		<td>celle</td>
	</tr>
</table>

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

Se også

pseudoklassen empty,
som spesifiserer hvordan et tomt element skal se ut