Home > DeveloperSection > Blogs > CSS – Visibility

CSS – Visibility


CSS-CSS3 CSS-CSS3 
Ratings:
0 Comment(s)
 1751  View(s)
Rate this:

CSS – Visibility

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>


Don't want to miss updates? Please click the below button!

Follow MindStick