The visibility property specifies whether or not the box attached to an element is visible.

The possible values are

visible the box is visible
hidden the box is not visible, but space is allocated
collapse allows adjacent non-visible element to collapse
inherit is inherited from the parent

The browser will allocate space for the element in any case.
If we need the browser not to allocate any space for the element box, 'display' property should be used instead.

<div style="visibility: hidden">Hidden Text
<p style="visibility: visible">Visible paragraph inside of a hidden div block
<h3 style="visibility: inherit">
Inherit heading. Hidden Text.
Related Tutorial
3 Margin
4 Border
Follow Us #