0 votes
in HTML by
How to set Style visibility Property in HTML?

1 Answer

0 votes
by

Hide the content of a <p> element:

document.getElementById("myP").style.visibility = "hidden";

The visibility property sets or returns whether an element should be visible.

The visibility property allows the author to show or hide an element. It is similar to the display property. However, the difference is that if you set display:none, it hides the entire element, while visibility:hidden means that the contents of the element will be invisible, but the element stays in its original position and size.

Syntax

Return the visibility property:

object.style.visibility

Set the visibility property:

object.style.visibility = "visible|hidden|collapse|initial|inherit"

Property Values

ValueDescription
visibleThe element is visible. This is default
hiddenThe element is not visible, but still affects layout
collapseWhen used on a table row or cell, the element is not visible (same as "hidden")
initialSets this property to its default value. Read about initial
inheritInherits this property from its parent element. Read about inherit

Related questions

0 votes
asked Aug 17, 2020 in HTML by RShastri
0 votes
asked Oct 23, 2019 in HTML by AdilsonLima
...