讀取或設定報表中小方格的邊界寬。
- 程式用法：
<style type='text/css'>
TABLE.cll {background:#338}
TABLE.cll TD,TABLE.cll TH {background:#388}
</style>
<table id='tbl5' class=cll>
<caption>好玩遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>沙灘車越峽谷<td>障礙遊戲
</table>
<script type='text/javascript'>
function cellPaddingDM()
{
document.getElementById('tbl5').cellPadding=6;
}
</script>
<p><a href='javascript:cellPaddingDM()'>
點此加寬邊界</a> - 執行結果：
好玩遊戲 名稱 分類 沙灘車越峽谷 障礙遊戲
讀取或設定報表中小方格的間距。
- 程式用法：
<table id='tbl6' class=cll>
<caption>網路遊戲</caption>
<tr><th>名稱<th>分類
<tr><td>噴水人大戰突變人<td>槍戰遊戲
</table>
<script type='text/javascript'>
function cellSpacingDM()
{
document.getElementById('tbl6').cellSpacing=6;
}
</script>
<p><a href='javascript:cellSpacingDM()'>
點此加寬間距</a> - 執行結果：
網路遊戲 名稱 分類 噴水人大戰突變人 槍戰遊戲
讀取或設定報表邊線顯示方式。
- 程式用法：
<table id='tbl7' class=cll border=6 frame='below'>
<tr><th>學號<th>姓名
<tr><td>52<td>蚱蜢
</table>
<p>
<script type='text/javascript'>
document.write(
document.getElementById('tbl7').frame );
function frameDM()
{
document.getElementById('tbl7').frame='above';
}
</script>
<p><a href='javascript:frameDM()'>
點此顯示在上邊</a> - 執行結果：
學號 姓名 52 蚱蜢 below
讀取或設定報表的方格間的邊線顯示方式。
- 程式用法：
<table id='tbl8' class=cll rules='cols'>
<tr><th>學號<th>姓名
<tr><td>52<td>蚱蜢
</table>
<p>
<script type='text/javascript'>
document.write(
document.getElementById('tbl8').rules );
function rulesDM()
{
document.getElementById('tbl8').rules='rows';
}
</script>
<p><a href='javascript:rulesDM()'>
點此顯示欄線</a> - 執行結果：
學號 姓名 52 蚱蜢 cols
