CSS 属性

border-spacing 设置表格中单元格之间的距离，假设表格是使用单独边框模型呈现的。

属性值

  • length: 任何长度单位。如果声明了两个值，第一个值适用于沿水平轴的间距，第二个值适用于垂直轴。

适用范围

元素显示表格或内联表格。

DOM 语法

object.style.borderSpacing = "2px";

示例

这里是显示边框间距用法的示例 -

<html>
<head>
<style>
   table.one {
      border-collapse:separate;
      width:400px;
      border-spacing:10px;
   }
   table.two {
      border-collapse:separate;
      width:400px;
      border-spacing:10px 50px;
   }
</style>
</head>
<body>
   <h2>border-spacing</h2>
   <div>
         <table class = "one" border = "1">
         <caption>带边框间距的单独边框示例</caption>
         <tr><td> Cell A Collapse Example</td></tr>
         <tr><td> Cell B Collapse Example</td></tr>
      </table>
   </div>
   <div style="padding-top: 10px;">
      <table class = "two" border = "1">
         <caption>带边框间距的单独边框示例</caption>
         <tr><td> Cell A Separate Example</td></tr>
         <tr><td> Cell B Separate Example</td></tr>
      </table>
   </div>   
</body>
</html>