css中visibility属性的使用方法
这篇文章主要介绍css中visibility属性的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为陇南企业提供专业的成都网站制作、网站设计、外贸网站建设,陇南网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
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属性值就是什么。
以上是css中visibility属性的使用方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
分享标题:css中visibility属性的使用方法
网页路径:http://myzitong.com/article/gpidci.html