디스플레이되는 테이블(table) 주위에 프레임 테두리(border) 표현 방식을 반환하거나 설정한다.
| void | 디폴트이며, 모든 외부면에서 테이블의 테두리를 제거한다. |
| above | 테이블의 윗면 테두리를 디스플레이 한다. |
| below | 테이블의 아랫면 테두리를 디스플레이 한다. |
| border | 테이블의 모든면 테두리를 디스플레이 한다. |
| box | 테이블의 모든면 테두리를 디스플레이 한다. |
| hsides | 테이블의 윗면과 아랫면 테두리를 디스플레이 한다. |
| lhs | 테이블의 왼쪽면 테두리를 디스플레이 한다. |
| rhs | 테이블의 오른쪽면 테두리를 디스플레이 한다. |
| vsides | 테이블의 왼쪽과 오른쪽면 테두리를 디스플레이 한다. |
이 속성은 읽기/쓰기로 디폴트값은 void이다.
| 개체 | script | HTML | 규격 | IE |
|---|
(영문) Dynamic Properties
이 속성은 HTML 4.0과
(영문) W3C DOM Level 1(Document Object Model)에서 정의되었다..
| 테이블 프레임 예제 | 현재 table.frame="void" |
| 칸 2-1 | 칸 2-2 |
| 칸 3-1 | 칸 3-2 |
<DIV style=padding:10>
<TABLE id="tableObj" frame="void" border=3 cellspacing=3 cellpadding=3 bgcolor=#ffffaa width=500>
<TR><TD>테이블 프레임 예제</TD><TD>현재 table.frame="<SPAN id=cellshow style=color:red>void</SPAN>"</TD></TR>
<TR><TD>칸 2-1</TD><TD>칸 2-2</TD></TR>
<TR><TD>칸 3-1</TD><TD>칸 3-2</TD></TR>
</TABLE>
</DIV>
<STYLE>.butClass{width:60}</STYLE>
<BUTTON onclick=showFrame('above') class=butClass>above</BUTTON>
<BUTTON onclick=showFrame('below') class=butClass>below</BUTTON>
<BUTTON onclick=showFrame('border') class=butClass>border</BUTTON>
<BUTTON onclick=showFrame('box') class=butClass>box</BUTTON>
<BUTTON onclick=showFrame('hsides') class=butClass>hsides</BUTTON>
<BUTTON onclick=showFrame('lhs') class=butClass>lhs</BUTTON>
<BUTTON onclick=showFrame('rhs') class=butClass>rhs</BUTTON>
<BUTTON onclick=showFrame('void') class=butClass>void</BUTTON>
<BUTTON onclick=showFrame('vsides') class=butClass>vsides</BUTTON>
<DIV id=showA style="border:solid 1 blue;padding:5">결과 표시창</DIV>
<SCRIPT>
frameVal=tableObj.frame;
function showFrame(ftype){
tableObj.frame=cellshow.innerText=ftype;
str='tableObj.frame=<FONT color=blue>'+tableObj.frame+'</FONT><BR>';
showA.innerHTML=str;
}
</SCRIPT>