CSS visibility 属性
更多“自己尝试”的例子见下文。
定义和用法
visibility
属性指定元素是否可见。
提示: 隐藏的元素仍然会占用页面上的空间。使用 CSS display 属性来隐藏元素并将其从文档布局中移除!
默认值 | visible |
---|---|
继承 | 是 |
可动画 | 是。 阅读关于 可动画属性 的内容 |
版本 | CSS2 |
JavaScript 语法 | object.style.visibility="hidden" 立即尝试 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
可见性 | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS 语法
visibility: visible|hidden|collapse|initial|inherit;
属性值
值 | 描述 | 演示 |
---|---|---|
visible | 默认值。元素可见 | 演示 ❯ |
hidden | 元素被隐藏(但仍占用空间) | 演示 ❯ |
collapse | 仅用于表格行(<tr>)、行组(<tbody>)、列(<col>)、列组(<colgroup>)和 flex 项目。此值会移除一行或一列,就像使用 display: none 一样。 如果在其他元素上使用 collapse,它将呈现为 "hidden" |
|
initial | 将此属性设置为其默认值。阅读关于initial | |
inherit | 从其父元素继承此属性。阅读关于inherit |
更多示例
相关页面
CSS 教程:CSS Display 和 visibility
HTML DOM 参考: visibility 属性