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

Visibility Property in CSS

The visibility Property



The visibility property specifies whether an element is visible or hidden. Its most common values are visible and hiddenvisibility:hidden hides an element, but it will still take up the same space as before. The element will be hidden, but it will still affect the layout.




Its syntax is:-

< style >

element {

visibility: visible| hidden| collapse| initial| inherit;


< /style >


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 Advance

All Sections related to CSS