Svojstvo empty-cells

Svojstvo empty-cells određuje pretraživaču kako da prikaže pozadinu i ivicu praznih ćelija td ili ćelija th HTML tabele: da li da ih prikaže ili ne.

Ćelija se smatra praznom u sledećim slučajevima: ako nema nikakvih karaktera, ako ćelija sadrži samo razmak (jedan ili više), prelazak u novi red ili tabulator, ili ako je svojstvo visibility podešeno na hidden.

Da bi ćelija bila ne prazna, ali istovremeno bez vidljivog teksta, koristi se sledeći trik: u ćeliju se upisuje nerazdvojivi razmak  .

Svojstvo ne funkcioniše ako je postavljeno border-collapse na vrednost collapse.

Sintaksa

selektor {
	empty-cells: show | hide;
}

Vrednosti

Vrednost	Opis
`show`	Pozadina i ivica se prikazuju kod prazne ćelije.
`hide`	Pozadina i ivica se ne prikazuju kod prazne ćelije.

Podrazumevana vrednost: show.

Primer . Vrednost show

Trenutno u tabeli su neke ćelije prazne, ali one i dalje imaju ivicu i pozadinu:

<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;
}

Primer . Vrednost hide

A sada prazne ćelije neće imati pozadinu i ivicu:

<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;
}

Pogledajte takođe

pseudoklasa empty,
koja određuje kako će izgledati prazan element