DEV Community

Md Shah Jalal
Md Shah Jalal

Posted on • Edited on

2 2

display 'none' vs visibility 'hidden'

What are the difference between display ‘none’ and visibility ‘hidden’?
Using the attribute “visibility: hidden” for an HTML element will be hidden from the webpage but still, take up space. Using the attribute “display: none” for an HTML element will be hidden, and also it won’t take up any space on the webpage.

Remember it:

display: none;
Enter fullscreen mode Exit fullscreen mode

and

visibility: hidden;
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay