테이블 칸과 인접 칸사이의 거리를 값으로 반환하거나 설정한다.

인수
: (속성 정수값/백분율)
속성값은 다음 중 하나이다.

정수값 테이블 칸과 인접한 칸사이의 거리를 픽셀단위 정수로 나타낸다.
% (백분율) 테이블 칸과 인접한 칸사이의 거리를 전체 사용가능한 공간에 대한 백분율로 %를 표시하여 나타낸다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

적용
개체scriptHTML규격IE
참고
cellPadding cellSpacing

이 속성은 (영문) HTML 3.2와 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.


줄1 칸1 줄1 칸2 줄1 칸3 줄1 칸4
줄2 칸1 줄2 칸3
cellSpacing cellPadding
결과 표시창
<TABLE id=tableObj border cellspacing=10 cellpadding=10 bgcolor="#ffffaa">
<TR id=tr1 style=background:#aaffff><TD id=td11>줄1 칸1</TD><TD id=td12>줄1 칸2</TD>
<TD id=td13>줄1 칸3</TD><TD id=td14 rowspan=2>줄1 칸4</TD></TR>
<TR id=tr2><TD colspan=2>줄2 칸1</TD><TD>줄2 칸3</TD></TR>
</TABLE>
<SCRIPT>
function doPlay(job){
  if (job==1) tableObj.cellSpacing++;
  if ((job==2)&&(tableObj.cellSpacing>0)) tableObj.cellSpacing--;
  if (job==3) tableObj.cellPadding++;
  if ((job==4)&&(tableObj.cellPadding>0)) tableObj.cellPadding--;
  show.innerText='tableObj.cellSpacing='+tableObj.cellSpacing+', tableObj.cellPadding='+tableObj.cellPadding;
}
</SCRIPT>
<DIV style=font-size:130%>
<SPAN style=background:#c0ffd0;color:#06d><B>cellSpacing</B></SPAN> <BUTTON onclick="doPlay(1)">증가</BUTTON>
<BUTTON onclick="doPlay(2)">감소</BUTTON><SPAN style="width:3em"></SPAN>
<SPAN style=background:#c0ffd0;color:#06d><B>cellPadding</B></SPAN> <BUTTON onclick="doPlay(3)">증가</BUTTON>
<BUTTON onclick="doPlay(4)">감소</BUTTON>
</DIV>
<DIV id="show" style="border:solid 1 blue;padding:5">결과 표시창</DIV>