首頁 > web前端 > css教學 > css visibility屬性怎麼用

css visibility屬性怎麼用

silencement
發布: 2019-05-26 14:54:15
原創
5155 人瀏覽過

css visibility屬性怎麼用

visibility屬性定義及用法

在css中,visibility屬性是用來定義一個元素是否是可見的,該屬性定義的不可見元素也會佔據頁面的空間。如果要定義一個不佔據頁面空間的不可見元素,可以使用display屬性來實作(兩個屬性的差異:display和visibility屬性的用法)。

visibility屬性值

visible:元素可見(預設值)

hidden:元素不可見,被隱藏

collapse :用在表格元素時,會刪除一行或一列,不會影響表格的佈局;用在其他的元素上時,和hidden一樣

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

文法格式:

visibility:visible / hidden / collapse / inherit

一、visibility:visible;詳情

visible :visible屬性值定義的元素是可見顯示的,是預設的屬性值。

二:visibility:hidden;詳情

hidden:hidden屬性值定義的元素是不可見且不顯示的,但是元素也會佔據原有的空間。

三、visibility:collapse;詳情

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

用在表格元素時:會刪除一行或一列,不會影響表格的佈局;

用在非表格元素上時:和hidden屬性值的效果一樣;

四:visibility:inherit;詳情

inherit:inherit屬性值定義的元素會繼承父元素的visibility屬性值,就是父元素的visibility屬性值是什麼,該元素的visibility屬性值就是什麼。

以上是css visibility屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板