<html>
<head>
<title>Abakada HTML Samples: cellSpacing Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<script language="JavaScript">
<!--
function setSpace ( obj, pad ) {
el = document.getElementById ( obj );
if ( el.cellSpacing != pad )
el.cellSpacing = pad;
}
//-->
</script>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada HTML Demo: cellSpacing Property</h2></div>
<hr size=1 width=92%>
<div align="center">
<h5><b>cellSpacing</b> refers to the distance between cells in a table.</h5>
<table id="theTable" border cellspacing=10>
<tr>
<th>Header 1</td>
<th>Header 2</th>
<th>Header 3</th></tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td></tr>
</table>
<br>
<button onclick="setSpace ( 'theTable',15 )">More</button>
<button onclick="setSpace ( 'theTable',10 )">Reset</button>
<button onclick="setSpace ( 'theTable',5 )">Less</button></div>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>