border-spacing

优质

小牛编辑

123浏览

2023-12-01

描述 (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>

这将产生以下结果 -