©
This document usesPHP Chinese website manualRelease
border-spacing:
默认值:0
适用于:table系元素
继承性:有
动画性:否
计算值:两个绝对长度值
该属性作用等同于标签属性cellspacing(单元格边距)。border-spacing:0
等同于cellspacing="0"
只有当表格边框独立(即 <' border-collapse '> 属性等于separate
时)此属性才起作用。
如果提供全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
如果只提供一个length值时,这个值将作用于横向和纵向上的间距。
对应的脚本特性为borderSpacing。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-7.0 | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
8.0+ |
border-spacing_CSS参考手册_web前端开发参考手册系列 边框独立时border-spacing生效(IE6/7 是无效的)
独立边框 | 独立边框 | 独立边框 |
独立边框 | 独立边框 | 独立边框 |
合并边框 | 合并边框 | 合并边框 |
合并边框 | 合并边框 | 合并边框 |
独立边框 | 独立边框 | 独立边框 |
独立边框 | 独立边框 | 独立边框 |
IE6/7下通过标签属性 cellspacing="20" 替代 border-spacing:10px 20px; 设置单元格边距,可能你也注意到了 border-spacing 可以设置两个值,但是标签属性cellspacing只能设一个值,但通常情况下,我们最常用的是设置 cellspacing="0" 清除单元格边距。
点击 "运行实例" 按钮查看在线实例