Sifa empty-cells

Sifa empty-cells inaonyesha kivinjari jinsi ya kuonyesha usuli na mpaka wa seli td au seli th za HTML jedwali: kuonyesha au la.

Seli inachukuliwa kuwa tupu katika kesi zifuatazo: hakuna alama zozote kabisa, seli ina nafuasi (moja au zaidi) tu, kubadilisha mstari au alama ya tab, au sifa visibility imewekwa kama hidden.

Ili kufanya seli isiwe tupu, lakini wakati huo huo bila maandishi yanayoonekana, hutumia hila ifuatayo: kwenye seli huandika nafuasi isiyovunjika  .

Sifa haifanyi kazi, ikiwa border-collapse imewekwa kwa thamani collapse.

Kisarufu

kichagua {
	empty-cells: show | hide;
}

Thamani

Thamani	Maelezo
`show`	Usuli na mpaka zinaonyeshwa kwenye seli tupu.
`hide`	Usuli na mpaka hazionyeshwi kwenye seli tupu.

Thamani chaguomsingi: show.

Mfano . Thamani show

Hivi sasa kwenye jedwali baadhi ya seli ni tupu, lakini bado zina mpaka na usuli:

<table>
	<tr>
		<td>seli</td>
		<td></td>
		<td>seli</td>
	</tr>
	<tr>
		<td></td>
		<td>seli</td>
		<td></td>
	</tr>
	<tr>
		<td>seli</td>
		<td>seli</td>
		<td>seli</td>
	</tr>
</table>

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

Mfano . Thamani hide

Na sasa seli tupu hazitakuwa na usuli na mpaka:

<table>
	<tr>
		<td>seli</td>
		<td></td>
		<td>seli</td>
	</tr>
	<tr>
		<td></td>
		<td>seli</td>
		<td></td>
	</tr>
	<tr>
		<td>seli</td>
		<td>seli</td>
		<td>seli</td>
	</tr>
</table>

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

Angalia pia

pseudoclass empty,
ambayo huweka jinsi kipengele tupu kitakavyoonekana