The visibility property controls element visibility — allows hiding content while preserving its layout space (unlike display: none which removes it entirely), or collapsing table rows/columns..hidden {
visibility: hidden;
}tr.collapsed {
visibility: collapse;
}visibleThe default value. The element renders normally.hiddenThe element is invisible but preserves layout space. Pointer events are not dispatched.collapseIn tables — removes the row/column (like display: none); elsewhere behaves like hidden.force-hiddenHides the element and all its descendants — cannot be overridden with visibility: visible on a descendant.CSS Display Module Level 4Editor's DraftW3CMDN
abcd efg
hijk lmnop
qrst uvw
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext