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://azwzsj.com/article/gpidci.html