Cara Menggunakan Property CSS empty-cells

Properti empty-cells menentukan bagaimana agen pengguna harus membuat batas dan latar belakang sel yang tidak memiliki konten yang terlihat. Ini memungkinkan Anda untuk menampilkan atau menyembunyikan batas dan latar belakang yang digambar di sekitar / di belakang sel kosong.

empty-cells dan sel dengan properti visibility yang diatur ke tersembunyi dianggap tidak memiliki konten yang terlihat, dan karenanya dapat ditata menggunakan properti empty-cells.

Nilai menyembunyikan berarti bahwa tidak ada batas atau latar belakang yang ditarik di sekitar / di belakang sel kosong. Lebih lanjut, jika semua sel dalam satu baris memiliki nilai sembunyikan dan tidak memiliki konten yang terlihat, maka baris memiliki tinggi nol dan ada jarak vertikal pada hanya satu sisi baris.

Sel tabel kosong kecuali mengandung satu atau lebih dari yang berikut:

  • floating content (termasuk elemen kosong),
  • in-flow content (termasuk elemen kosong) selain white-space yang telah dihancurkan oleh penanganan properti white-space.

Trivia & Catatan

Properti empty-cells hanya berlaku ketika nilai border-collapse terpisah, karena jika tidak, jika model perbatasan diciutkan, perbatasan sel akan digabungkan dan dibagikan dan karenanya perbatasan mereka akan dibagikan, dan itu tidak mungkin dilakukan untuk menyembunyikan batas satu sel tanpa menyembunyikan sel-sel yang berdekatan.

 

Official Syntax:

empty-cells: show | hide | inherit

 

Values:

show: Latar belakang dan batas sel kosong terlihat.

hide: Latar belakang dan batas sel kosong disembunyikan.

inherit: Elemen mewarisi nilai empty-cells dari induknya.

 

Contoh:

table {
    empty-cells: show;
}

table.stats {
    empty-cells: hide;
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *