CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

CSS visibility Property

CSS visibility Property



The visibility property is used to specify whether or not an element is visible. Hidden elements will take space when set hidden by visibility property. For this purpose, use the display property to both hides and remove an element from the document layout.


Default Value:-


Its default value is visible.




Its syntax is:- visibility: visible | hidden | collapse | initial | inherit;


Further Explanation:-


Value Description
visible The element is visible
hidden The element is hidden.
collapse This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS