display:none dan visibility:hidden. Bahkan ada juga alternatif lainnya, yaitu membuat objek transparan dengan menambahkan kode opacity:0.Sebelum melangkah pada perbedaan, sebaiknya kita ketahui dulu properti dari keduanya.
Display mempunyai 2 property yaitu :
- none (tidak kelihatan)
- block (kelihatan)
- hidden (tidak kelihatan)
- visible (kelihatan)
Inti perintah
display:none dan visibility:hidden
sebetulnya sama saja yaitu menghilangkan objek dari halaman HTML.
Perbedaannya sebenarnya tidak teralu mencolok, hanya pada masalah space
saja. Dengan menggunakan
display:none maka space akan hilang, sedangkan dengan visibility:hidden space tetap ada. Sebagai contoh lihat tulisan CONTOH di bawah ini
CONTOH1CONTOH2CONTOH3
saya sembunyikan CONTOH2 dengan
display:none maka space hilang seperti di bawah ini :
CONTOH1CONTOH3
apabila disembunyikan dengan
visibility:hidden maka space tetap ada :
CONTOH1CONTOH3
EmoticonEmoticon