CSS 2.1 参考手册/visibility - 版本历史

Missx：/* 定义 */

2008-10-18T16:00:45Z

‎定义

Missx：修改样式

2008-10-18T15:59:35Z

修改样式

Missx：修改连接

2008-10-18T15:55:01Z

修改连接

Missx：增加页面

2008-10-18T15:32:55Z

增加页面

新页面

==定义==
visibility属性定义这个元素是否可见，不像[[display]]属性，如果一个元素使用visibility属性来隐藏，那么一个隐藏的矩形将来代替隐藏的元素，下面的图片显示Firefox当中的一段文字和图片。
[[Image:Missx_CSS_visibility_visible.gif]]
接下来我们将img的visibility属性设置为hidden，浏览器将呈现如下的样式。
[[Image:Missx_CSS_visibility_hiden.gif]]
下面我们再看看img的display属性设置为none的时候浏览器呈现的样式。
[[Image:Missx_CSS_visibility_display.gif]]

==案例==
<source lang="css">
img {visibility: none}
</source>
==特性==
===可能的值===
visible
:元素可见。
hidden
:元素将隐藏，并且有一个隐藏的长方形呈现在它原来的位置上。
collapse
:用来隐藏表格元素，如果使用在其他元素上，效果和hidden一样。
inherit
:将使用父元素该属性同样的值。
===默认值===
visible
===适用于===
所有元素
===继承===
是
==另见==
*[[CSS 2.1 参考手册/display]]

@@ 第4行： / 第4行： @@
 [[Image:Missx_CSS_visibility_visible.gif]]
-接下来我们将img的visibility属性设置为hidden，浏览器将呈现如下的样式。
+接下来我们将[[img]]的visibility属性设置为hidden，浏览器将呈现如下的样式。
 [[Image:Missx_CSS_visibility_hidden.gif]]
-下面我们再看看img的display属性设置为none的时候浏览器呈现的样式。
+下面我们再看看[[img]]的display属性设置为none的时候浏览器呈现的样式。
 [[Image:Missx_CSS_display_none.gif]]

@@ 第1行： / 第1行： @@
 ==定义==
 visibility属性定义这个元素是否可见，不像[[CSS 2.1 参考手册:display|display]]属性，如果一个元素使用visibility属性来隐藏，那么一个隐藏的矩形将来代替隐藏的元素，下面的图片显示Firefox当中的一段文字和图片。
 [[Image:Missx_CSS_visibility_visible.gif]]
 接下来我们将img的visibility属性设置为hidden，浏览器将呈现如下的样式。
-[[Image:Missx_CSS_visibility_hiden.gif]]
 下面我们再看看img的display属性设置为none的时候浏览器呈现的样式。
-[[Image:Missx_CSS_visibility_display.gif]]
 ==案例==