테이블의 어느 내부 분리선을 보이게 하는가를 나타내는 문자열을 반환하거나 설정한다.

인수
: (속성 문자열)
속성값은 테이블의 어느 내부 분리선을 보이게 하는가를 나타내는 문자열이다.

all 테두리는 테이블의 모든 줄과 컬럼에 디스플레이된다.
cols 테두리는 테이블의 모든 수직 컬럼에 디스플레이된다.
groups 테이블의 모든 tHead, tBody와 tFoot 개체 사이에 수평 테두리가 디스플레이되며, 수직으로는 모든 colGroup 개체 사이에 디스플레이 된다.
none 테두리는 테이블의 어느 부분에도 디스플레이되지 않는다.
rows 테두리는 테이블의 모든 수평 줄에 디스플레이된다.

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

특기

속성값 none은 테이블의 모든 내부 테두리를 보이지 않게 한다. 모든 테이블 테두리를 보이지 않게 하려면 table 개체의 rules 속성에 빈문자열('')을 설저하거나 rules 속성을 사용하지 않으면 된다.

적용
개체scriptHTML규격IE
참고
frame

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


table 속성 예제

테이블 내부 보더 예제 현재 table.rules="none" 칸 1-5 칸 1-6
칸 2-1 칸 2-2 칸 2-3 칸 2-4 칸 2-5 칸 2-6
칸 3-1 칸 3-2 칸 3-3 칸 3-4 칸 4-5 칸 3-6
칸 4-1 칸 4-2 칸 4-3 칸 4-4 칸 4-5 칸 4-6
칸 5-1 칸 5-2 칸 5-3 칸 5-4 칸 5-5 칸 5-6
결과 표시창
<DIV style=padding:10>
<TABLE id="tableObj" rules="none" border=5 cellspacing=3 cellpadding=3 bgcolor=#ffffaa width=700>
<COLGROUP><COL></COLGROUP><COL><COL><COL><COLGROUP><COL><COL></COLGROUP>
<THEAD>
<TR><TD colspan=2>테이블 내부 보더 예제</TD>
<TD colspan=2>현재 table.rules="<SPAN id=cellshow style=color:red>none</SPAN>"</TD>
<TD>칸 1-5</TD><TD>칸 1-6</TD></TR>
</THEAD>
<TR><TD>칸 2-1</TD><TD>칸 2-2</TD><TD>칸 2-3</TD><TD>칸 2-4</TD><TD>칸 2-5</TD><TD>칸 2-6</TD></TR>
<TR><TD>칸 3-1</TD><TD>칸 3-2</TD><TD>칸 3-3</TD><TD>칸 3-4</TD><TD>칸 4-5</TD><TD>칸 3-6</TD></TR>
<TR><TD>칸 4-1</TD><TD>칸 4-2</TD><TD>칸 4-3</TD><TD>칸 4-4</TD><TD>칸 4-5</TD><TD>칸 4-6</TD></TR>
<TFOOT>
<TR><TD>칸 5-1</TD><TD>칸 5-2</TD><TD>칸 5-3</TD><TD>칸 5-4</TD><TD>칸 5-5</TD><TD>칸 5-6</TD></TR>
</TFOOT>
</TABLE>
</DIV>
<STYLE>.butClass{width:120}</STYLE>
<BUTTON onclick=showRules('all') class=butClass>all</BUTTON>
<BUTTON onclick=showRules('cols') class=butClass>cols</BUTTON>
<BUTTON onclick=showRules('groups') class=butClass>groups</BUTTON>
<BUTTON onclick=showRules('none') class=butClass>none</BUTTON>
<BUTTON onclick=showRules('rows') class=butClass>rows</BUTTON>
<BUTTON onclick=showRules('') class=butClass>없음</BUTTON>
<DIV id=showA style="border:solid 1 blue;padding:5">결과 표시창</DIV>
<SCRIPT>
rulesVal=tableObj.rules;
function showRules(ruleType){
  tableObj.rules=cellshow.innerText=ruleType;
  str='tableObj.rules=<FONT color=blue>'+tableObj.rules+'</FONT><BR>';
  showA.innerHTML=str;
}
</SCRIPT>