Savybė empty-cells

Savybė empty-cells nurodo naršyklei kaip atvaizduoti foną ir rėmelį tuščių ląstelių td arba ląstelių th HTML lentelės: rodyti arba nerodyti.

Ląstelė laikoma tuščia šiais atvejais: nėra jokių simbolių, ląstelėje yra tik tarpas (vienas ar keli), eilutės pertrauka ar tabuliacijos simbolis, arba savybė visibility nustatyta kaip hidden.

Kad ląstelė nebūtų tuščia, bet kartu be matomo teksto, naudojamas toks būdas: į ląstelę įrašomas nepertraukiamas tarpas  .

Savybė neveikia, jei nustatytas border-collapse reikšmėje collapse.

Sintaksė

selektorius {
	empty-cells: show | hide;
}

Reikšmės

Reikšmė	Aprašas
`show`	Fonas ir rėmelis rodomi tuščiai ląstelei.
`hide`	Fonas ir rėmelis nerodomi tuščiai ląstelei.

Numatytoji reikšmė: show.

Pavyzdys . Reikšmė show

Dabar lentelėje kai kurios ląstelės yra tuščios, bet vis tiek turi rėmelį ir foną:

<table>
	<tr>
		<td>ląstelė</td>
		<td></td>
		<td>ląstelė</td>
	</tr>
	<tr>
		<td></td>
		<td>ląstelė</td>
		<td></td>
	</tr>
	<tr>
		<td>ląstelė</td>
		<td>ląstelė</td>
		<td>ląstelė</td>
	</tr>
</table>

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

Pavyzdys . Reikšmė hide

O dabar tuščios ląstelės neturės fono ir rėmelio:

<table>
	<tr>
		<td>ląstelė</td>
		<td></td>
		<td>ląstelė</td>
	</tr>
	<tr>
		<td></td>
		<td>ląstelė</td>
		<td></td>
	</tr>
	<tr>
		<td>ląstelė</td>
		<td>ląstelė</td>
		<td>ląstelė</td>
	</tr>
</table>

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

Taip pat žiūrėkite

pseudoklasė empty,
kuri nustato, kaip atrodys tuščias elementas