CSS border-spacing 属性

border-spacing 属性用于设置表格元素中相邻单元格之间的边框间距。该属性只对具有 border-collapse: separate; 样式的表格元素有效。

语法

table {
  border-spacing: <length> <length>;
}

• 第一个 <length> 值表示水平方向的边框间距
• 第二个 <length> 值表示垂直方向的边框间距

取值

• <length>：指定长度值，可以是像素（px）、百分比（%）、em 等单位

初始值

• 0 0

应用实例

table {
  border-collapse: separate;
  border-spacing: 10px 5px;
}

在上面的示例中，设置了表格中相邻单元格之间的水平间距为 10px，垂直间距为 5px。

注意事项

• border-spacing 属性不会对边框模型产生影响，仅仅是调整单元格之间的间距
• 该属性不适用于具有 border-collapse: collapse; 样式的表格元素

以上就是关于 CSS 属性 border-spacing 的详细介绍。希望能帮助你更好地理解和运用这一属性。