HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

cellpadding

Table cellPadding 属性

定义和用法

cellpadding 属性规定单元边沿与其内容之间的空白。

语法

设置 cellPadding 属性：

tableObject.cellPadding="number|percent"

返回 cellPadding 属性：

tableObject.cellPadding

提示： cellPadding 属性没有默认值。

值	描述
number	以像素来设置单元边沿与其内容之间的空白
percent	以百分比来设置单元边沿与其内容之间的空白

浏览器支持

所有主要浏览器都支持 cellPadding 属性

实例

改变表格单元格之间的空白及单元边沿与其内容之间的空白:

<html>
<head>
<script>
function padding()
{
document.getElementById(‘myTable‘).cellPadding="25";
}
function spacing()
{
document.getElementById(‘myTable‘).cellSpacing="15";
}
</script>
</head>
<body>

<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()">Change Cellpadding</button>
<button type="button" onclick="spacing()">Change Cellspacing</button>

</body>
</html>