CSS Visibility generátor BÉTA

A CSS-ben a "visiblity" tulajdonság a HTML-elemek láthatóságának szabályozására szolgál. Ez határozza meg, hogy egy elem megjelenik vagy elrejtődik-e a weboldalon, miközben továbbra is helyet foglal az elrendezésben.

A láthatóság tulajdonságnak két fő értéke lehet:

"visible" (alapértelmezett): Ez az érték azt jelzi, hogy az elemnek láthatónak kell lennie és meg kell jelennie a weboldalon. Ez az alapértelmezett viselkedés a legtöbb HTML-elem esetében.

"hidden": Ez az érték azt jelzi, hogy az elemet el kell rejteni, de még mindig helyet foglal az elrendezésben. Gyakorlatilag láthatatlanná teszi az elemet, de nem csökkenti az általa elfoglalt helyet.

A "visibility" tulajdonság használata a "hidden" tulajdonsággal hasznos lehet, ha egy elem láthatóságát dinamikusan, JavaScript vagy CSS átmenetekkel szeretné váltogatni anélkül, hogy a környező elemek elrendezését befolyásolná.

Fontos megjegyezni, hogy egy elem láthatóságának "hidden" értékre állítása elrejti az elemet vizuálisan, de a DOM-ban (Document Object Model) továbbra is jelen van. Ha egy elemet teljesen el akar távolítani a DOM-ból, használhatja a "display" tulajdonságot "none" értékkel.

Íme egy példa mindkét tulajdonság használatára:

Ebben az esetben a "display: none;" tulajdonság eltávolítja az elemet az elrendezésből és a DOM-ból, míg a "visibility: hidden;" elrejti az elemet, de megtartja a helyét az elrendezésben.