📜  CSS Visibility属性

📅  最后修改于: 2020-11-06 00:56:43             🧑  作者: Mango

CSS Visibility

CSS Visibility属性用于指定元素是否可见。

注意:不可见元素也会占用页面上的空间。通过使用显示属性,您可以创建不占用空间的不可见元素。

句法:

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

CSS可见性参数

visible:这是默认值。它指定该元素是可见的。

hidden:指定元素不可见(但仍会占用空间)。

collapse:仅用于表格元素。它用于删除行或列,但不影响表布局。

行或列占用的空间可用于其他内容。

如果在其他元素上使用了折叠,则呈现为“隐藏”

initial:用于将该属性设置为其默认值。

inherit:用于从其父元素继承此属性。

CSS Visibility示例







I am visible

I am invisible

Note: An invisible element also take up the space on the page. By using display property you can create invisible elements that don't take space.

JavaScript语法:

object.style.visibility="hidden"

请参阅JavaScript示例:







Click the "Try it" button to set the visibility property and hide the div element.

This is my DIV element.

Note: An invisible element also take up the space on the page.