Sifat empty-cells

Sifat empty-cells memberitahu pelayar cara memaparkan latar belakang dan sempadan sel td atau sel th jadual HTML: tunjukkan atau tidak.

Sel dianggap kosong dalam kes berikut: tiada langsung aksara, sel hanya mengandungi ruang kosong (satu atau beberapa), baris baharu atau aksara tab, atau sifat visibility ditentukan sebagai hidden.

Untuk menjadikan sel tidak kosong, tetapi pada masa yang sama tanpa teks yang kelihatan, teknik berikut digunakan: ruang tanpa putus   ditulis ke dalam sel.

Sifat tidak berfungsi jika border-collapse ditentukan dengan nilai collapse.

Sintaks

pemilih {
	empty-cells: show | hide;
}

Nilai

Nilai	Keterangan
`show`	Latar belakang dan sempadan ditunjukkan pada sel kosong.
`hide`	Latar belakang dan sempadan tidak ditunjukkan pada sel kosong.

Nilai lalai: show.

Contoh . Nilai show

Sekarang dalam jadual beberapa sel kosong, tetapi mereka masih mempunyai sempadan dan latar belakang:

<table>
	<tr>
		<td>sel</td>
		<td></td>
		<td>sel</td>
	</tr>
	<tr>
		<td></td>
		<td>sel</td>
		<td></td>
	</tr>
	<tr>
		<td>sel</td>
		<td>sel</td>
		<td>sel</td>
	</tr>
</table>

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

Contoh . Nilai hide

Sekarang sel kosong tidak akan mempunyai latar belakang dan sempadan:

<table>
	<tr>
		<td>sel</td>
		<td></td>
		<td>sel</td>
	</tr>
	<tr>
		<td></td>
		<td>sel</td>
		<td></td>
	</tr>
	<tr>
		<td>sel</td>
		<td>sel</td>
		<td>sel</td>
	</tr>
</table>

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

Lihat juga

kelas pseudo empty,
yang menentukan rupa elemen kosong