CSS visibility property

Description

CSS visibility property represents visibility of the an element. It is the same as display:none; except it occupies the space in all cases i.e. whether visible or hidden.

Syntax

visibility : visible | hidden | collapse

Property values

visibleDefault

The box (element) is visible.

visibility: visible;

hidden

It is invisible but still occupies the space and affects the layout. It may be called as fully transparent box.

visibility: hidden;

collapse

It is the same as 'hidden' except for row, row groups, column, column groups.

visibility: collapse;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 

You are observing visibility for different values.

The content after the affected box.

×

Ctrl+D