电话
13363039260
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属性值就是什么。