32 lines
1.1 KiB
Markdown
32 lines
1.1 KiB
Markdown
|
---
|
|||
|
|
title: Visibility Property
|
|||
|
|
localeTitle: 可见性属性
|
|||
|
|
---
|
|||
|
|
## 可见性属性
|
|||
|
|
|
|||
|
|
Visibility属性可用于控制任何元素的可见性。默认值为`visibility: visible;`
|
|||
|
|
|
|||
|
|
#### 可能的值：
|
|||
|
|
|
|||
|
|
可见性属性可以有5个可能的值。
|
|||
|
|
|
|||
|
|
1. `visible` ：它是显示元素的默认值。
|
|||
|
|
2. `hidden` ：此值隐藏元素但保留元素占用的布局或空间。
|
|||
|
|
3. `collapse` ：此值类似于hidden，但适用于表行或列。它隐藏行或列内容。
|
|||
|
|
4. `initial` ：这会将属性设置为其默认值（可见）。
|
|||
|
|
5. `inherit` ：这继承了其父元素的属性值。
|
|||
|
|
|
|||
|
|
#### 与其他财产的异同：
|
|||
|
|
|
|||
|
|
1. 不透明度： `visibility`属性和`opacity`属性之间的差异，不透明度可用于淡入淡出和元素。 `visibility: hidden;`和`opacity: 0;`对元素有类似的影响。
|
|||
|
|
|
|||
|
|
2. 显示：可见性之间的唯一区别：隐藏;并显示：无;就是这样，后者也删除了元素占用的布局或空间。
|
|||
|
|
|
|||
|
|
|
|||
|
|
#### 浏览器兼容性
|
|||
|
|
|
|||
|
|
这是一个CSS2属性，与所有主流浏览器兼容。
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[CSS可见性 - w3school](https://www.w3schools.com/cssref/pr_class_visibility.asp)
|