KoXo 자바스크립트 - 속성(property) - rules

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

개체	script	HTML	규격	IE
table	table.rules[=sVal]	<TABLE rules="sVal">	HTML	IE4.0(win16,win32,ce,unix,mac)

테이블 내부 보더 예제		현재 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>

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

table showProp()rules 속성 예제

table rules 속성 예제