CSS visibility 属性

最新推荐文章于 2024-10-31 19:00:00 发布

原创最新推荐文章于 2024-10-31 19:00:00 发布 · 3.2k 阅读

CC 4.0 BY-SA版权

文章标签：

15 篇文章

订阅专栏

本文详细介绍了CSS中visibility属性的功能及其使用方法。该属性用于控制元素的可见性，但不会改变页面布局。文章还提供了不同属性值的效果示例，如visible、hidden、collapse等，并解释了如何通过JavaScript进行设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

提示:即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

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

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

注意： ：Internet Explorer（包括IE8）没有版本支持属性值"inherit"或"collapse"。

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

visible 因为元素是可见的可以在文档中显示提示信息那种

hidded 常用与商品的提示信息方面鼠标移动移除有提示信息显示

collapse 表格隐藏可以自己设定div删除行和列不影响表格的布局

、