Mfano wa visibility katika CSS

定义和用法

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

提示:即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

说明

这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。

另请参阅:

CSS 教程:CSS 定位

HTML DOM 参考手册:visibility 属性

实例

使 h2 元素不可见:

h2
  {
  visibility:hidden;
  }

亲自试一试

CSS 语法

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

属性值

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

技术细节

默认值: visible
继承性: yes
版本: CSS2
JavaScript 语法: object.style.visibility="hidden"

TIY 实例

如何使元素不可见
本例演示如何使元素不可见。你希望元素被显示出来,还是不呢?
把表格元素设置为 collapse
本例演示如何使表格元素叠加?

Msaada wa wasaidizi wa intanet

Maelezo ya viwango katika tabia hii inaonyesha sababu kwa kwanza kwa kufaa kwa kusukumwa kwa sababu ya tabia hii kwa kina ya wasaidizi wa intanet.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0