定義和用法
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對象