CSS visibility 屬性

2022-06-02 17:29 更新

CSS visibility 屬性

屬性定義及使用說明

visibility屬性指定一個元素是否是可見的。

提示:即使不可見的元素也會占據(jù)頁面上的空間。請使用 "display" 屬性來創(chuàng)建不占據(jù)頁面空間的不可見元素。

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

屬性值

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

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持visibility屬性。

注意： ：Internet Explorer（包括IE8）沒有版本支持屬性值"inherit"或"collapse"。

實例

實例

使 <h2> 元素不可見：

h2
{
visibility:hidden;
}

嘗試一下 ?
Examples

更多實例

把表格元素設(shè)置為collapse
本例演示如何使表格元素疊加。

相關(guān)文章

CSS 教程: CSS Display 和visibility

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號