Bir web sayfasında HTML öğesi nasıl gizlenebilir?

• display: none; - öğe belge akışından tamamen kaldırılır, yer kaplamaz ve olaylar işlenmez. Gizlemenin en "güçlü" yolu.
• visibility: hidden; - öğe belge akışında kalır, yerini korur, ancak görünmez olur. Fare ve klavye olayları işlenmez.
• opacity: 0; - öğe belge akışında kalır, yerini korur, görünmez olur. Fare ve klavye olayları işlenir (tıklanabilir, üzerine gelinir vb.). Öğenin tamamı saydam hale gelir.
• position: absolute; ve görünür alan dışına koordinat ayarlama (örneğin, left: -9999px;). Öğe normal akıştan çıkar, ancak hâlâ sayfada bulunur ve kaydırmayı etkileyebilir. Olaylar işlenir.
• width: 0; height: 0; overflow: hidden; - öğe akışta kalır, ancak boyutları sıfırlanır. Olaylar, alan başka bir öğenin görünür kısmına düşerse işlenebilir.
• font-size: 0; ve line-height: 0; (metin içeriğini gizlemek için). Öğeyi korur, ancak metni görünmez yapar.
• :empty pseudo-element kullanımı (tüm öğeler ve durumlar için değil). Öğe boşsa içeriği gizler.

Yöntem seçimi, gereken davranışa bağlıdır: öğenin yer kaplaması, olayları işlemesi veya tamamen akıştan kaldırılması gerekip gerekmediğine göre.