Fungsi Properti CSS Visibility

Hallo teman-teman, Pada artikel kali ini saya ingin memberitahukan fungsi properti CSS Visibility. Properti CSS visibility berfungsi untuk menyembunyikan dan menempilkan suatu elemen dari pandangan user, contohnya kalian bisa menggunakan properti CSS ini untuk menyembunyikan pesan kesalahan yang hanya ditampilkan jika penggunaa melakukan kesalahan, atau kalian juga bisa menggunakan properti CSS ini untuk membuat sebuah menu dropdown, dan masih banyak lagi kegunaan properti CSS ini. Nah di bawah ini adalah value atau nilai yang dimiliki oleh property CSS visibility :

Visible : Fungsinya untuk menampilkan elemen yang dapat dilihat oleh pengguna.

Hidden : Fungsinya untuk menyembunyikan suatu elemen dari pengguna.

Collapse : Fugsinya untuk membuat kolom table menjadi dinamis dan effect baris.

Berikut dibawah ini contoh pengguanaan properti CSS visibility :

See the Pen jlpsd by Dumet_School (@dumet_school) on CodePen.

Pada contoh diatas saya mempunyai 2 buah paragraf, pada paragraf ke 2 saya berikan class dengan nama hilang dan saya berikan properti visibility: hidden, maka paragraf 2 akan disembunyikan atau di hidden.