Vetiva empty-cells

Vetiva empty-cells i tregon shfletuesit si të shfaq sfondin dhe kufirin e qelizave bosh td ose qelizave th të tabelës HTML: t'i shfaqë apo jo.

Një qelizë konsiderohet bosh në rastet e mëposhtme: nuk ka asnjë karakter, në qelizë përmban vetëm hapësirë (një ose më shumë), ndërrim rreshti ose karakter tabulimi, ose nëse vetiva visibility është vendosur si hidden.

Për ta bërë një qelizë jo të zbrazët, por në të njëjtën kohë pa tekst të dukshëm, përdoret truku i mëposhtëm: në qelizë vendoset një hapësirë e pandashme  .

Vetiva nuk funksionon nëse është vendosur border-collapse në vlerën collapse.

Sintaksa

përzgjedhësi {
	empty-cells: show | hide;
}

Vlerat

Vlera	Përshkrimi
`show`	Sfondi dhe kufiri shfaqen te qeliza boshe.
`hide`	Sfondi dhe kufiri nuk shfaqen te qeliza boshe.

Vlera e paracaktuar: show.

Shembull . Vlera show

Tani në tabelë disa qeliza janë bosh, por ato megjithatë kanë kufi dhe sfond:

<table>
	<tr>
		<td>qelizë</td>
		<td></td>
		<td>qelizë</td>
	</tr>
	<tr>
		<td></td>
		<td>qelizë</td>
		<td></td>
	</tr>
	<tr>
		<td>qelizë</td>
		<td>qelizë</td>
		<td>qelizë</td>
	</tr>
</table>

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

Shembull . Vlera hide

Tani qelizat bosh nuk do të kenë sfond dhe kufi:

<table>
	<tr>
		<td>qelizë</td>
		<td></td>
		<td>qelizë</td>
	</tr>
	<tr>
		<td></td>
		<td>qelizë</td>
		<td></td>
	</tr>
	<tr>
		<td>qelizë</td>
		<td>qelizë</td>
		<td>qelizë</td>
	</tr>
</table>

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

Shihni gjithashtu

pseudoklasa empty,
e cila përcakton se si do të duket një element bosh