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