定义和用法
visibility属性设置或返回是否一个元素应该是可见的。
visibility属性允许创作者显示或隐藏的元素。 这是一个类似的显示性能。 然而，不同的是，如果你设置显示：没有，它隐藏了整个元素，而visibility：hidden的意思是元素的内容将是无形的，但该元素停留在原来的位置和大小。
浏览器支持
visibility属性在所有主流浏览器的支持。
句法
返回visibility属性：
object .style.visibility
设置visibility属性：
object .style.visibility="visible|hidden|collapse|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| visible | 该元素是可见的。 这是默认 |
| hidden | 该元素是不可见的，但还是会影响布局 |
| collapse | 当在表中的行或小区中使用，该元件是不可见的(same as "hidden") |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 可见 |
|---|---|
| 返回值： | 一个字符串，表示元素的内容是否被显示或不显示 |
| CSS版本 | CSS2 |
更多示例
例
display属性和visibility属性之间的差异：
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
} 试一试» 例
隐藏和显示的<img>元素：
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
} 试一试» 相关页面
CSS教程： CSS显示和知名度
CSS参考： visibility property
<Style对象