CSS border-spacing 属性
示例
设置表格的 border-spacing
#table1 {
border-collapse: separate;
border-spacing: 15px;
}
#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}
亲自尝试 »
定义和用法
border-spacing 属性设置相邻单元格边框之间的距离。
注意：此属性仅在border-collapse 为 separate 时有效。
| 默认值 | 2px |
|---|---|
| 继承 | 是 |
| 可动画 | 是。 了解有关 可动画 的信息 尝试一下 |
| 版本 | CSS2 |
| JavaScript 语法 | object.style.borderSpacing="15px" 尝试一下 |
浏览器支持
表格中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| border-spacing | 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
CSS 语法
border-spacing: length|initial|inherit;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| length length | 以 px、cm 等单位指定相邻单元格边框之间的距离。不允许使用负值。
|
演示 ❯ |
| initial | 将此属性设置为其默认值。 了解有关 initial 的信息 | |
| inherit | 从其父元素继承此属性。 了解有关 inherit 的信息 |
相关页面
CSS 教程：CSS 表格
HTML DOM 参考：borderSpacing 属性
