CSS visibility 屬性

定義和用法

visibility 屬性規定元素是否可見。

提示：即使不可見的元素也會占據頁面上的空間。請使用 "display" 屬性來創建不占據頁面空間的不可見元素。

說明

這個屬性指定是否顯示一個元素生成的元素框。這意味著元素仍占據其本來的空間，不過可以完全不可見。值 collapse 在表中用于從表布局中刪除列或行。

另請參閱：

CSS 教程：CSS 定位

HTML DOM 參考手冊：visibility 屬性

實例

使 h2 元素不可見：

h2
  {
  visibility:hidden;
  }

親自試一試

CSS 語法

visibility: visible|hidden|collapse|initial|inherit;

屬性值

值 描述
visible 默認值。元素是可見的。
hidden 元素是不可見的。
collapse 當在表格元素中使用時，此值可刪除一行或一列，但是它不會影響表格的布局。被行或列占據的空間會留給其他內容使用。如果此值被用在其他的元素上，會呈現為 "hidden"。
inherit 規定應該從父元素繼承 visibility 屬性的值。

技術細節

默認值： visible
繼承性： yes
版本： CSS2
JavaScript 語法： object.style.visibility="hidden"

TIY 實例

如何使元素不可見
本例演示如何使元素不可見。你希望元素被顯示出來，還是不呢？
把表格元素設置為 collapse
本例演示如何使表格元素疊加？

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0