CSS visibility 屬性

2022-06-02 17:29 更新

CSS visibility 屬性

屬性定義及使用說(shuō)明

visibility屬性指定一個(gè)元素是否是可見(jiàn)的。

提示:即使不可見(jiàn)的元素也會(huì)占據(jù)頁(yè)面上的空間。請(qǐng)使用 "display" 屬性來(lái)創(chuàng)建不占據(jù)頁(yè)面空間的不可見(jiàn)元素。

默認(rèn)值： visible
繼承： yes
版本： CSS2
JavaScript 語(yǔ)法： object.style.visibility="hidden"

屬性值

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

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

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

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

實(shí)例

實(shí)例

使 <h2> 元素不可見(jiàn)：

h2
{
visibility:hidden;
}

嘗試一下 ?
Examples

更多實(shí)例

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

相關(guān)文章

CSS 教程: CSS Display 和visibility

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)