In this blog I am trying to explaining the Visibility property using CSS3.
CSS3 provides a visibility property which is allow hiding a DOM elements form view. We can use this property along with JavaScript to create very complicated menu and very complicated webpage layouts.
Visibility property has three values:
1. Visible.
2. Hidden.
3. Collapse.
Visible:
The box and its contents are shown to the user.
Example:
<p style="visibility:visible;">
This paragraph will be visible.
</p>
Hidden:
The box and its content are made invisible, albeit they still impress the layout of the page.
Example:
<p style="visibility:hidden;">
This paragraph doesn’t visible.
</p>
Collapse:
Its use only for the dynamic columns and row effects.
Example:
<table>
</td>
<td style="visibility:collapse">This td will be collapse.</td>
</tr>
</table>
Leave Comment