CSS visibility属性,隐藏元素

visibility属性

CSS中的visibility属性可以用于隐藏HTML的元素,而且并不影响文档的整体布局,即隐藏的元素也会占据页面的空间。


语法

element{visibility:value}

可选属性值

属性值描述
visible默认值,元素可见
hidden隐藏元素
collape当该属性值应用在表格元素中时,可删除一行或一列
inherit从父元素继承visibility属性值

visibility属性实例代码,及在线编辑器

下方实例对比了visibility属性和display属性隐藏元素的区别:

<p>段落一</p>
<p id='p2'>段落二</p>
<p>段落三</p>
<p>段落四</p>
<p id='p5'>段落五</p>
<p>段落六</p>

<style>
  #p2{display:none;}
  #p5{visibility:hidden;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.