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

csspemilih {
  empty-cells: show | hide;
}

Nilai

Nilai lalai: show.

Contoh . Nilai show

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

html<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>

csstable {
  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:

html<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>

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

Результат:

Lihat juga