CSS border-spacing 属性

设置表格的边框间距：

#table1 {
border-collapse: separate;
border-spacing: 15px;
}

#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}

定义和用法

这个border-spacing属性设置相邻单元格边框之间的距离。

笔记：该属性仅在以下情况下有效边界折叠是分开的。

默认值：	2像素
遗传：	是的
可动画：	是的。阅读可动画的尝试一下
版本：	CSS2
JavaScript 语法：	对象.style.borderSpacing="15px"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
border-spacing	1.0	8.0	1.0	1.0	4.0

border-spacing: length|initial|inherit;

Value	Description	Demo
length length	Specifies the distance between the borders of adjacent cells in px, cm, etc. Negative values are not allowed. If one value is specified, it defines both the horizontal and vertical spacing between cells If two values are specified, the first sets the horizontal spacing and the second sets the vertical spacing	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit