visibility Description:
The visibility property defines whether the boxes generated by an element are displayed. Invisible boxes will still affect layout.
visibility in CSS Versions:
visibility Syntax:
visibility: visible | hidden | collapse | inherit
- visible
The generated box is visible. - hidden
The generated box is invisible but still affects layout. - collapse
The same as hidden, unless referring to table columns or rows. - inherit
The element should have the same visibility value as the parent element.
visibility Initial Value:
visible
visibility Applies To:
All elements.
visibility Inheritance:
This property is inherited.
visibility Browser Support:
visibility Media Type:
- Visual
visibility Examples:
Standard visibility property
<p style="visibility:hidden;">
Hide this paragraph, but the box will still take up space.
</p>
visibility Special Notes:
- Be sure to test this in various browsers, as some user-agents have different effects.
