CSS visibility属性

• 

  定义和用法

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

  提示：隐藏的元素会占用页面上的空间。使用display属性隐藏和删除文档布局中的元素！

  特征	说明
  默认值	visible
  继承	有
  动画	有。CSS动画参考
  CSS版本	CSS2
  JavaScript语法	object.style.visibility="hidden"尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	IE/Edge	Chrome	FireFox	Safari	Opera
  属性名称
  visibility	4.0	1.0	1.0	1.0	4.0

• 

  CSS语法

  visibility: visible|hidden|collapse|initial|inherit;
• 

  实例

  使<h2>元素可见和隐藏：

  h2.a {
    visibility: visible;
  }
  
  h2.b {
    visibility: hidden;
  }
  

  尝试一下
• 

  属性值

  属性值	描述
  visible	默认值。 元素是可见的
  hidden	元素被隐藏（但仍然占用空间）
  collapse	仅适用于表行（<tr>），行组（<tbody>），列（<col>），列组（<colgroup>）。 此值删除行或列，但不会影响表布局。 行或列占用的空间将可用于其他内容。 如果在其他元素上使用collapse，它将呈现为“隐藏”
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS文本