Omadus empty-cells

Omadus empty-cells määrab brauserile, kuidas kuvada td lahtrite või th lahtrite tausta ja piire HTML-i tabelis: kas näidata neid või mitte.

Lahtrit loetakse tühjaks järgmistel juhtudel: lahtris pole ühtki märki, lahtris sisaldub ainult tühik (üks või mitu), reavahetus või tabeldusmärk, või kui omadus visibility on seatud väärtusele hidden.

Et muuta lahter mitte-tühjaks, kuid samas ilma nähtava tekstita, kasutatakse järgmist võtet: lahtrisse kirjutatakse murdumatu tühik  .

Omadus ei tööta, kui on määratud border-collapse väärtusega collapse.

Süntaks

selektor {
	empty-cells: show | hide;
}

Väärtused

Väärtus	Kirjeldus
`show`	Tühi lahter kuvatakse koos tausta ja piiridega.
`hide`	Tühi lahter ei kuva tausta ega piire.

Vaikeväärtus: show.

Näide . Väärtus show

Praegu on tabelis mõned lahtrid tühjad, kuid neil on siiski piir ja taust:

<table>
	<tr>
		<td>lahter</td>
		<td></td>
		<td>lahter</td>
	</tr>
	<tr>
		<td></td>
		<td>lahter</td>
		<td></td>
	</tr>
	<tr>
		<td>lahter</td>
		<td>lahter</td>
		<td>lahter</td>
	</tr>
</table>

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

Näide . Väärtus hide

Nüüd aga tühjadel lahtritel ei ole tausta ega piire:

<table>
	<tr>
		<td>lahter</td>
		<td></td>
		<td>lahter</td>
	</tr>
	<tr>
		<td></td>
		<td>lahter</td>
		<td></td>
	</tr>
	<tr>
		<td>lahter</td>
		<td>lahter</td>
		<td>lahter</td>
	</tr>
</table>

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

Vaata ka

pseudoklass empty,
mis määrab, kuidas tühi element välja näeb