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

創(chuàng)新互聯(lián)建站長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為隴南企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)，隴南網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

visibility屬性定義及用法

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

visibility屬性值

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

hidden：元素不可見，被隱藏

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

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

語法格式：

visibility:visible / hidden / collapse / inherit

一、visibility:visible;詳情

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

二：visibility:hidden;詳情

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

三、visibility:collapse;詳情

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

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

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

四：visibility:inherit;詳情

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

以上是css中visibility屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！