目录

CSS visibility 属性

❮上一节完整的CSS参考下一节❯

示例

使 <h2> 元素可见和隐藏：

h2.a {
visibility: visible;
}

h2.b {
visibility: hidden;
}

亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个visibility属性指定元素是否可见。

提示：隐藏元素占用页面空间。使用展示属性来隐藏和删除文档布局中的元素！

展示演示❯

默认值：	可见的
遗传：	是的
可动画：	是的。阅读可动画的
版本：	CSS2
JavaScript 语法：	对象.style.visibility="hidden"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
visibility	1.0	4.0	1.0	1.0	4.0

CSS 语法

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

属性值

Value	Description	Demo
visible	Default value. The element is visible	Demo ❯
hidden	The element is hidden (but still takes up space)	Demo ❯
collapse	Only for table rows (<tr>), row groups (<tbody>), columns (<col>), column groups (<colgroup>). This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content. If collapse is used on other elements, it renders as "hidden"
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

更多示例

示例

此示例演示如何使表格元素折叠：

tr.collapse {
visibility: collapse;
}

亲自试一试 »

相关页面

CSS教程：CSS 显示和可见性

HTML DOM 参考：可见性属性

❮上一节完整的CSS参考下一节❯