css之border-collapse属性

最新推荐文章于 2024-09-24 16:51:16 发布

最新推荐文章于 2024-09-24 16:51:16 发布 · 316 阅读

文章标签：

48 篇文章

订阅专栏

本文详细介绍了CSS中的border-collapse属性，该属性用于控制表格边框的合并方式。默认情况下边框是分离的，但使用此属性可以将其合并为单一边框。文章还解释了不同属性值的作用以及在各种浏览器中的兼容性。

CSS border-collapse 属性

---------设置表格的边框是否被合并为一个单一的边框，还是像在标准的HTML中那样分开显示。

默认值：	separate
继承性：	yes
版本：	CSS2
JavaScript 语法：	object.style.borderCollapse="collapse"

/*合并边框模型*/
table{
   border-collapse:collapse;
 }

值	描述
separate	默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse	如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit	规定应该从父元素继承 border-collapse 属性的值。