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