Table cellSpacing 属性
Table 对象的 cellSpacing 属性可设置或返回在表格中的单元格之间的空白量 ( 以像素为单位 )
cellSpacing 属性没有默认值
语法
设置 cellSpacing 属性
tableObject.cellSpacing = "number | % "
返回 cellSpacing 属性
tableObject.cellSpacing
值说明
值 | 描述 |
---|---|
number | 以像素为单位设置单元格之间的空白 |
% | 以百分比来设置单元格之间的空白 |
浏览器支持
所有主要浏览器都支持 cellSpacing 属性
范例
改变表格单元格之间的空白及单元边沿与其内容之间的空白
<script> function padding(){ document.getElementById('myTable').cellPadding="25"; } function spacing(){ document.getElementById('myTable').cellSpacing="15"; } </script> <table id="myTable" border="1"> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </table> <br> <button type="button" onclick="padding()">修改单元格边距</button> <button type="button" onclick="spacing()">修改单元格间距</button>