---
title: "Difference between Visiblity hidden and Display none in CSS3?"  
description: "Difference between Visiblity hidden and Display none in CSS3?"  
author: "Vijay Shukla"  
published: 2012-12-22  
updated: 2020-09-17  
canonical: https://www.mindstick.com/interview/1616/difference-between-visiblity-hidden-and-display-none-in-css3  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# Difference between Visiblity hidden and Display none in CSS3?

Visibility is property and Hidden its value and same as display is also a property and None its property.\
\
Visibility:Hidden:-\
It is not visible but takes up it's original space.\
Display:None: -\
It is hidden and takes up absolutely no space as if it was never there.

## Answers

### Answer by Vijay Shukla

Visibility is property and Hidden its value and same as display is also a property and None its property.\
\
Visibility:Hidden:-\
It is not visible but takes up it's original space.\
Display:None: -\
It is hidden and takes up absolutely no space as if it was never there.


---

Original Source: https://www.mindstick.com/interview/1616/difference-between-visiblity-hidden-and-display-none-in-css3

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.