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 屬性