CSS Visibility

Berbeda dengan css display, dengan menggunakan visibility maka element akan tetap ada tapi bisa diatur nampak atau tidak.

Logikanya seperti ini. Kalau display misal diset none, maka element itu emang bener-bener hilang, alias gak ada.

Tapi kalau visibility diset hidden, maka element itu tidak nampak aja tapi masih disitu. Ya ibarat, element itu seperti transparan tapi masih ada wujudnya cuma gak terlihat saja.

Sampai sini paham ya bedanya apa?

Value visible

Secara umum, value dari properti visibility yang sering digunakan adalah:

  • hidden, untuk menyembunyikan element
  • visible, untuk menampilkan element

Cara menulisnya seperti ini:

p {visibility:hidden;}

Leave a Comment