CSS visibility 屬性
定義和用法
visibility 屬性規(guī)定元素是否可見(jiàn)。
提示：即使不可見(jiàn)的元素也會(huì)占據(jù)頁(yè)面上的空間。請(qǐng)使用 "display" 屬性來(lái)創(chuàng)建不占據(jù)頁(yè)面空間的不可見(jiàn)元素。
說(shuō)明
這個(gè)屬性指定是否顯示一個(gè)元素生成的元素框。這意味著元素仍占據(jù)其本來(lái)的空間，不過(guò)可以完全不可見(jiàn)。值 collapse 在表中用于從表布局中刪除列或行。
| 默認(rèn)值： | visible |
|---|---|
| 繼承性： | yes |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.visibility="hidden" |
瀏覽器支持
所有主流瀏覽器都支持 visibility 屬性。
注釋?zhuān)?/span>任何的版本的 Internet Explorer （包括 IE8）都不支持 "inherit" 和 "collapse" 屬性值。
可能的值
| 值 | 描述 |
|---|---|
| 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 屬性的值。 |
TIY 實(shí)例
- 如何使元素不可見(jiàn)
- 本例演示如何使元素不可見(jiàn)。你希望元素被顯示出來(lái)，還是不呢？
- 把表格元素設(shè)置為 collapse
- 本例演示如何使表格元素疊加？