css中visibility屬性的使用方法

這篇文章主要介紹css中visibility屬性的使用方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

visibility屬性定義及用法

在css中，visibility屬性是用來(lái)定義一個(gè)元素是否是可見(jiàn)的，該屬性定義的不可見(jiàn)元素也會(huì)占據(jù)頁(yè)面的空間。如果要定義一個(gè)不占據(jù)頁(yè)面空間的不可見(jiàn)元素，可以使用display屬性來(lái)實(shí)現(xiàn)（兩個(gè)屬性的區(qū)別：display和visibility屬性的用法）。

visibility屬性值

visible：元素可見(jiàn)（默認(rèn)值）

hidden：元素不可見(jiàn)，被隱藏

collapse：用在表格元素時(shí)，會(huì)刪除一行或一列，不會(huì)影響表格的布局；用在其他的元素上時(shí)，和hidden一樣

inherit：從父元素繼承visibility屬性的值。

語(yǔ)法格式：

visibility:visible / hidden / collapse / inherit

一、visibility:visible;詳情

visible：visible屬性值定義的元素是可見(jiàn)顯示的，是默認(rèn)的屬性值。

二：visibility:hidden;詳情

hidden：hidden屬性值定義的元素是不可見(jiàn)不顯示的，但是元素還會(huì)占據(jù)原有的空間。

三、visibility:collapse;詳情

collapse：collapse屬性值定義不同的元素有不同的效果。

用在表格元素時(shí)：會(huì)刪除一行或一列，不會(huì)影響表格的布局；

用在非表格元素上時(shí)：和hidden屬性值的效果一樣；

四：visibility:inherit;詳情

inherit：inherit屬性值定義的元素會(huì)繼承父元素的visibility屬性值，就是父元素的visibility屬性值是什么，該元素的visibility屬性值就是什么。

以上是css中visibility屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！