Web速查-索引

visibility

定义

visibility 属性规定元素是否可见。

注意:即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。

语法

visibility:visible|hidden|collapse|inherit;

属性值

说明
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 “hidden”。
inherit 规定应该从父元素继承 visibility 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.visible {visibility:visible}
.invisible {visibility:hidden}
</style>
</head>
<body>
<p class="visible">这是可见的文本:Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium autem deleniti dolorum eaque earum illo ipsum iusto modi nemo officiis porro praesentium quaerat quibusdam sed, sequi suscipit ullam voluptas voluptate.</p>
<h1 class="invisible">这是不可见的标题</h1>
</body>
</html>

这是可见的文本:Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium autem deleniti dolorum eaque earum illo ipsum iusto modi nemo officiis porro praesentium quaerat quibusdam sed, sequi suscipit ullam voluptas voluptate.

这是不可见的标题

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
4.0 5.0 5.0 8.0