CSS visibility属性用于控制元素的可见性。它有以下几种取值:
visible:默认值,元素可见。
hidden:元素隐藏,但仍占据空间。
collapse:主要应用于表格元素,折叠表格行或列。
inherit:继承父级元素的可见性。
与display属性不同的是,visibility属性隐藏元素时仍会占据空间,而display属性隐藏元素时不占据空间。因此,使用visibility属性隐藏元素时会保留元素占据的空间,而使用display属性隐藏元素时,元素的空间将被释放。
可以通过JavaScript来动态地修改visibility属性。