Explain the difference between visibility:hidden; and display:none?

Web Development

Confused about visibility:hidden; and display:none. I'm assuming that both are same. Please explain if there is any difference between them.




display: none and visibility:hidden are differently used in css property.

Display: none: It is hidden and does not require or take any space.

Visibility: hidden: It is also hidden but gets its own original space.


If you want to unleash your potential in this competitive field, please visit the Web Development course page for more information, where you can find the Web Development tutorials and Web Development frequently asked interview questions and answers as well.


This topic has been locked/unapproved. No replies allowed

Login to participate in this discussion.

Leave a reply

Before proceeding, please check your email for a verification link. If you did not receive the email, click here to request another.