Akými spôsobmi je možné skryť HTML prvok na webovej stránke?

• display: none; - prvok je úplne odstránený z toku dokumentu, nezaberá miesto a udalosti sa ne spracovávajú. Najsilnejší spôsob skrytia.
• visibility: hidden; - prvok zostáva v toku dokumentu, zachováva svoje miesto, ale nie je viditeľný. Udalosti myši a klávesnice sa nespracovávajú.
• opacity: 0; - prvok zostáva v toku dokumentu, zachováva svoje miesto, nie je viditeľný. Udalosti myši a klávesnice sa spracovávajú (je možné kliknúť, presunúť kurzor atď.). Prvok sa jednoducho stáva úplne priehľadným.
• position: absolute; a nastavenie súradníc mimo viditeľnú oblasť (napríklad, left: -9999px;). Prvok je odstránený z normálneho toku, ale stále je na stránke a môže ovplyvniť posúvanie. Udalosti sa spracovávajú.
• width: 0; height: 0; overflow: hidden; - prvok zostáva v toku, ale jeho rozmery sú nulové. Udalosti môžu byť spracované, ak ich oblasť padá do viditeľnej časti iného prvku.
• font-size: 0; a line-height: 0; (na skrytie textového obsahu). Zachováva prvok, ale robí jeho text neviditeľným.
• Použitie pseudo-objektu :empty (nie pre všetky prvky a prípady). Skryje obsah, ak je prvok prázdny.

Výber metódy závisí od požadovaného správania: či má prvok zaberáť miesto, spracovávať udalosti alebo byť úplne odstránený z toku.