visibility property in CSS

Example

A simple visibility property example:

h2.a {
    visibility: visible;
}
h2.b {
    visibility: hidden;
}

Laboratory

description & Usage

We use the visibility property to display an element. (In some cases, we don't want an element to be displayed, so if it is definitely needed to be displayed, the visibility property is used).

Informations

#	Description
Default Value	visible
Inherited	yes
Animatable	yes
Version	CSS2
JavaScript syntax	object.style.visibility="hidden"

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
visibility

Syntax

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

Values

Values	Description
visible	Default
hidden	Hides the element.
collapse	This amount is for: table rows (<tr>) row groups (<tbody>) columns (<col>) Column groups (<colgroup>) Deletes a row or column without disturbing the appearance of the table.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.

visibility property CSS