Hai teman-teman pada kesempatan kali ini saya akan menjelaskan tentang Mengenal Property Visibility Dari CSS.Properti Visibility sama seperti artinya sendiri yang dapat digunakan untuk mengontrol rendering dari kotak elemen sehingga elemen menjadi tersembunyi.

Nilai tersembunyi digunakan untuk menyembunyikan element non table, dan nilai runtuhnya digunakan untuk menyembunyikan baris tabel dan kolom.

Elemen tersembunyi menggunakan properti Visibility tidak terlihat tapi tidak dihapus dari aliran halaman. Mereka masih mempengaruhi tata letak seolah-olah mereka terlihat karena mereka tidak dikeluarkan dari aliran halaman seperti tampilan properti. Jika elemen tersembunyi menggunakan properti display, tersebut akan dihapus dari halaman dan posisinya ditempati oleh unsur-unsur lain di halaman, tetapi ketika itu tersembunyi menggunakan properti Visibility, daerah itu menempati pada halaman masih dipertahankan.

Pengaruh Visibility pada elemen ketika kita diatur ke tersembunyi, praktis seperti membuat elemen sepenuhnya transparan tetapi masih ada dan tidak terlihat.

Contoh pemakaian property Visibility:

Penjelasan:

  • Visible: Membuat elemen terlihat. Ini adalah nilai default, karena semua elemen yang awalnya terlihat.
  • Inherit: Unsur mewarisi visibilitas induknya. Berguna ketika Anda ingin menyembunyikan keturunan elemen yang telah tersembunyi menggunakan tersembunyi.
  • Collapse: Digunakan untuk menyembunyikan baris tabel, kolom, kelompok kolom, dan kelompok baris.
    Baris dan kolom tersembunyi akan tetapi tetap menduduki seolah-olah mereka memiliki display: none; set pada mereka.
    Namun, tinggi dan lebar dari baris yang tersisa dan kolom tetap dihitung seolah-olah baris dan kolom tersembunyi masih ada. Ini dirancang untuk menghilangkan cepat dari baris / kolom dari tabel tanpa harus menghitung ulang lebar dan tinggi untuk setiap porsi table.
  • Hidden: Membuat elemen tak terlihat (sepenuhnya transparan) tanpa mengeluarkannya dari aliran halaman. Area yang digunakan oleh elemen tersebut diawetkan seolah-olah terlihat. Keturunan dari elemen yang terlihat kecuali ditentukan lain.

Demikian Pengenalan Property Visibility Dari CSS. Sebenarnya Property Visibility dari CSS berguna membuat elemennya tetap ada akan tapi tidak terlihat. Semoga Bermanfaat.