display: none V/S visibility: hidden
Thread Tags
Adobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css digital marketing Digital Marketing / SEO Fireworks Graphic Design Graphic designing Graphics Design Graphics Designing HTML? Illustrator Internship Training logo Design logo designing Magento Photoshop PHP Programming QA react-native Scroll Website SEO Single Page Website Stock Managment System Testing Typography UI UI/UX Development UI Design UI Designing UI development User Interface UX Design Web Designing Website Design Wordpress wpRegister for free!
Registration at Smart Mentors is completely free and takes only a few seconds. By registering you’ll gain:
- Full Posting Privileges.
- Access to Private Messaging.
- Optional Email Notification.
- Ability to Fully Participate.
Register Now, or check out the Site Tour and find out everything Smart Mentors has to offer.
Tagged: Web Designing
This thread contains 1 reply, has 2 voices, and was last updated by Hitesh 1 year, 11 months ago.
- Author Replies
- January 28, 2019 at 10:29 am #52598
What are the difference between “display: none” and “visibility: hidden”?
- January 28, 2019 at 10:32 am #52602
These both are style properties.
(1) display: none
This doesn’t allocate any space and removes the element entirely from the page which means he does not appear at all though it remains in the source code.For example:
success | <span style=”[style-tag-value]”>Appropriate style in this tag</span> successReplacing [style-tag-value] with display:none results in:
success | | success
(2) visibility: hidden
The tag is not visible (hidden) on the page but space is allocated unlike display: noneFor example:
success | <span style=”[style-tag-value]”>Appropriate style in this tag</span> success
Replacing [style-tag-value] with visibility:hidden results in:
success | | success
- AuthorPosts
You must be logged in to reply to this thread.Please login or register. Registration is 100% free.