border-spacing
描述 (Description)
border-spacing设置表格中单元格之间的距离，假设使用单独边框模型呈现表格。
可能的值 (Possible Values)
length - 任何长度单位。 如果声明了两个值，则第一个应用于沿水平轴的间距，第二个应用于垂直轴。
适用于 (Applies to)
显示表或内联表的元素。
DOM语法 (DOM Syntax)
object.style.borderSpacing = "2px";
例子 (Example)
以下是显示边框间距用法的示例 -
NOTE - 此属性在IE 6或NS 7中不起作用。
<html>
<head>
<style type = "text/css">
table.one {
border-collapse:separate;
width:400px;
border-spacing:10px;
}
table.two {
border-collapse:separate;
width:400px;
border-spacing:10px 50px;
}
</style>
</head>
<body>
<table class = "one" border = "1">
<caption>Separate Border Example with border-spacing</caption>
<tr><td> Cell A Collapse Example</td></tr>
<tr><td> Cell B Collapse Example</td></tr>
</table>
<br />
<table class = "two" border = "1">
<caption>Separate Border Example with border-spacing</caption>
<tr><td> Cell A Separate Example</td></tr>
<tr><td> Cell B Separate Example</td></tr>
</table>
</body>
</html>
这将产生以下结果 -
新页面打开