Kuidas saab veebilehel peita HTML-elementi?

• display: none; - element eemaldatakse täielikult dokumendi voost, ei võta ruumi ja sündmusi ei töödelda. Kõige "tugevam" viis peitmiseks.
• visibility: hidden; - element jääb dokumendi voogu, säilitab oma koha, kuid pole nähtav. Hiire ja klaviatuuri sündmused ei töödelda.
• opacity: 0; - element jääb dokumendi voogu, säilitab oma koha, pole nähtav. Hiire ja klaviatuuri sündmused töödeldakse (saab klõpsata, kursorit liigutada jne). Element muutub lihtsalt täielikult läbipaistvaks.
• position: absolute; ja koordinaatide seadistamine väljaspool nähtavat ala (näiteks, left: -9999px;). Element eemaldatakse normaalsest voost, kuid on endiselt lehel ja võib mõjutada kerimist. Sündmused töödeldakse.
• width: 0; height: 0; overflow: hidden; - element jääb voogu, kuid selle mõõtmed nullitakse. Sündmused võivad olla töödeldud, kui nende ala langeb teise elemendi nähtavasse ossa.
• font-size: 0; ja line-height: 0; (teksti sisu varjamiseks). Säilitab elemendi, kuid muudab selle teksti nähtamatuks.
• Pseudo-elemendi :empty kasutamine (mitte kõigi elementide ja juhtude jaoks). Peidab sisu, kui element on tühi.

Meetodi valik sõltub soovitud käitumisest: kas element peaks hõivama ruumi, töötlema sündmusi või olema täielikult voost eemaldatud.