CSS visibility 属性

css visibility 属性指定一个元素是否是可见的

即使不可见的元素也会占据页面上的空间

请使用 "display" 属性来创建不占据页面空间的不可见元素

默认值visible
继承yes
版本CSS2
JavaScript 语法object.style.visibility="hidden"

语法

visibility: visible | hidden | collapse | inherit


属性值

描述
visible默认值。元素是可见的
hidden元素是不可见的
collapse当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局
被行或列占据的空间会留给其他内容使用
如果此值被用在其他的元素上,会呈现为 "hidden"
inherit规定应该从父元素继承 visibility 属性的值

浏览器支持

所有主流浏览器都支持 visibility 属性

Internet Explorer(包括 IE8 )没有版本支持属性值 "inherit" 或" collapse"


范例

使 <h2> 元素不可见

h2 {
    visibility:hidden;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_456

目录选择