1. border Property
border 속성은 테이블 테두리의 굵기를 지정하거나 반환한다.
tableObject.border=number

2. cellPadding Property
cellPadding 속성은 셀 테두리와 내용 사이의 공간길이를 지정하거나 반환한다.
tableObject.cellPadding=number

3. cellSpacing Property
cellSpacing 속성은 테이블의 셀간격을 지정하거나 반환한다.
tableObject.cellSpacing=number

<!-- 테이블의 테두리, 셀간격, 셀안간격 변경 -->
<html>
<head>
<script type="text/javascript">
function changeTable(){
  var x = document.getElementById('myTable')
  x.border = 3
  x.cellPadding = 3
  x.cellSpacing = 3
}
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>cell1</td>
<td>cell2</td>
</tr>
<tr>
<td>cell3</td>
<td>cell4</td>
</tr>
</table>
<input type="button" onclick="changeTable()" value="Change Table Properties" />
</body>
</html>

WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret