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中文網其他相關文章！