css之border-collapse属性

iteye_2245

于 2012-02-07 14:01:58 发布

阅读量295

点赞数

分类专栏： css基础文章标签： csss border-collapse

48 篇文章

订阅专栏

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

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

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 属性的值。