CSS Visibility Property

The visibility property is similar to the Display Property in CSS. The visibility property controls whether you would like the element to be displayed or not.

For Instance if you have an element which is not being displayed in the home page and you want it to be displayed, all you have to do is set the property to unset.

visibility: unset;

This removes the previous value and makes the element visible.

What you could also do this set the property to visible. Something like this-

visibility: visible;


To learn more about this property, please refer this Doc from MDN  https://developer.mozilla.org/en-US/docs/Web/CSS/visibility


This property is something which I came across while discussing with a colleague. It’s amazing how one can encounter new stuff everyday which you never really thought existed.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s