visibility属性怎么用?

2024-01-17 16:42 小编

     visibility属性定义及用法

 

  在css中,visibility属性是用来定义一个元素是否是可见的,该属性定义的不可见元素也会占据页面的空间。如果要定义一个不占据页面空间的不可见元素,可以使用display属性来实现(两个属性的区别:display和visibility属性的用法)。

 

  visibility属性值

 

  visible:元素可见(默认值)

 

  hidden:元素不可见,被隐藏

 

  collapse:用在表格元素时,会删除一行或一列,不会影响表格的布局;用在其他的元素上时,和hidden一样

 

  inherit:从父元素继承visibility属性的值。

 

  语法格式:

 

  visibility:visible/hidden/collapse/inherit

 

  一、visibility:visible;详情

 

  visible:visible属性值定义的元素是可见显示的,是默认的属性值。

 

  二:visibility:hidden;详情

 

  hidden:hidden属性值定义的元素是不可见不显示的,但是元素还会占据原有的空间。

 

  三、visibility:collapse;详情

 

  collapse:collapse属性值定义不同的元素有不同的效果。

 

  用在表格元素时:会删除一行或一列,不会影响表格的布局;

 

  用在非表格元素上时:和hidden属性值的效果一样;

 

  四:visibility:inherit;详情

 

  inherit:inherit属性值定义的元素会继承父元素的visibility属性值,就是父元素的visibility属性值是什么,该元素的visibility属性值就是什么。


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码