HTML DOM borderSpacing 属性

定义和用法

borderSpacing 属性相邻单元格的边框之间的距离（仅用于“边框分离”模式）。

语法：

  1. Object.style.borderSpacing=length,length

可能的值

值 描述
length length 使用 px、cm 等单位定义距离。如果定义一个 length 参数，那么定义的是水平和垂直间距。如果定义了两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。length 不能为负值。

实例

本例设置相邻单元格的边框之间的距离：

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeBorderSpacing()
  5. {
  6. document.getElementById('myTable').style.borderSpacing="10px"
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table border="1" id="myTable">
  13.   <tr>
  14.     <td>100</td>
  15.     <td>200</td>
  16.   </tr>
  17.   <tr>
  18.     <td>300</td>
  19.     <td>400</td>
  20.   </tr>
  21. </table>
  22.  
  23. <input type="button" onclick="changeBorderSpacing()" 
  24. value="Change border spacing">
  25.  
  26. </body>
  27. </html>