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