Pada kesempatan kali ini saya akan membahas perbedaan display (none) dan visibility (hidden) di css, dari kedua property tersebut fungsi nya yaitu hampir sama dimana untuk menyembunyikan suatu element di css, hanya saja ada perbedaan sedikit di antara kedua nya. Berikut keterangan nya:

Display (none)

Pada property tersebut berfungsi untuk menyembunyikan suatu element, dan tidak akan mengambil ruang apapun meski element tersebut tidak di tampilkan.

buatlah property css seperti contoh berikut:

maka dari property di atas akan menghasilkan output seperti gambar berikut:

display-none di css

Visibility (hidden)

Pada property tersebut berfungsi untuk menyembunyikan suatu element, dan akan mengambil ruang itu meski element tersebut tidak di tampilkan.

buatlah property css berikut contoh penulisan nya:

maka dari property di atas akan menghasilkan output seperti gambar berikut:

visibility-hidden di cssseperti terlihat pada gambar ke dua nya, salah satu nya masih meninggalkan ruang meski element tersebut di hidden.

Sampai di sini pembahasan saya mengenai perbedaan display:none; dan visibility:hidden; di css. Semoga bermanfaat.

Terima Kasih.