Home  >  Article  >  Web Front-end  >  What does visibility:hidden mean?

What does visibility:hidden mean?

hzc
hzcOriginal
2020-06-28 10:30:2524656browse

The visibility attribute in CSS specifies whether the element is visible, where visible means the element is visible, and hidden means the element is invisible. All mainstream browsers support the visibility attribute, but any version of Internet Explorer [including IE8] not support.

What does visibility:hidden mean?

The CSS visibility property specifies whether an element is visible.

  • visible The element is visible.

  • hidden The element is invisible.

  • collapse When used in a table element, this value can delete a row or column, but it does not affect the layout of the table. The space occupied by a row or column is freed for other content. If this value is used on other elements, it will be rendered as "hidden".

  • inherit Inherit the value of the visibility attribute from the parent element.

What you write in html belongs to visibility:visible; by default, that is, the element is visible. When under certain circumstances, you make the element invisible: visibility:hidden; and then make the element visible after triggering some events, you need to use this visibility:visible; . You understand the difference between

and display:none correctly. After display:none;, the elements will not occupy space.

Recommended tutorial: "css tutorial"

The above is the detailed content of What does visibility:hidden mean?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn