CSS visibility 屬性
CSSvisibility屬性
屬性定義及使用說明
visibility屬性指定一個元素是否是可見的。
提示:即使不可見的元素也會占據頁面上的空間。請使用 "display" 屬性來創建不占據頁面空間的不可見元素。
默認值: | visible |
---|---|
繼承: | yes |
版本: | CSS2 |
JavaScript 語法: | object.style.visibility="hidden" |
屬性值
值 | 描述 |
---|---|
visible | 默認值。元素是可見的。 |
hidden | 元素是不可見的。 |
collapse | 當在表格元素中使用時,此值可刪除一行或一列,但是它不會影響表格的布局。被行或列占據的空間會留給其他內容使用。如果此值被用在其他的元素上,會呈現為 "hidden"。 |
inherit | 規定應該從父元素繼承 visibility 屬性的值。 |
瀏覽器支持
所有主流瀏覽器都支持visibility屬性。
注意::Internet Explorer(包括IE8)沒有版本支持屬性值"inherit"或"collapse"。
實例
實例
使 <h2> 元素不可見:
h2
{
visibility:hidden;
}
{
visibility:hidden;
}
更多實例
把表格元素設置為collapse
本例演示如何使表格元素疊加。
相關文章
CSS 教程: CSS Display 和visibility