Table cellPadding 属性
Table 对象的 cellpadding 属性用于设置单元边沿与其内容之间的空白
cellPadding 属性没有默认值
语法
设置 cellPadding 属性
tableObject.cellPadding = "number | %"
返回 cellPadding 属性
tableObject.cellPadding
值说明
值 | 描述 |
---|---|
number | 以像素来设置单元边沿与其内容之间的空白 |
% | 以百分比来设置单元边沿与其内容之间的空白 |
浏览器支持
所有主要浏览器都支持 cellPadding 属性
范例
下面的范例改变表格单元格之间的空白及单元边沿与其内容之间的空白
<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>