table 제목(caption)을 아래쪽에 나타나게 할 것인가 위쪽에 나타나게 할 것인가를 반환하거나 설정한다.

인수
: (속성 문자열)
속성값은 table 제목(caption)을 아래쪽에 나타나게 할 것인가 위쪽에 나타나게 할 것인가를 나타내는 문자열이다.

top 디폴트이며, caption이 table의 위쪽에 나타난다.
bottom caption이 table의 아래쪽에 나타난다.

이 속성은 읽기/쓰기로 디폴트값은 top이다.

특기

이 속성이 탄력적으로 설정되면 속성값은 업데이트할 수 있다.

적용
개체scriptHTML규격IE
참고

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


TABLE CAPTION
R1C1R1C2R1C3R1C4
R2C1R2C2R2C3R2C4
R3C1R3C2R3C3R3C4
R4C1R4C2R4C3R4C4
결과 표시창
<TABLE id=tableObj width="300" border="1" cellspacing="0" cellpadding="4">
<CAPTION id="captionObj" valign="top" style=color:blue;background:ffa>TABLE CAPTION</CAPTION>
<TR><TD>R1C1</TD><TD>R1C2</TD><TD>R1C3</TD><TD>R1C4</TD></TR>
<TR><TD>R2C1</TD><TD>R2C2</TD><TD>R2C3</TD><TD>R2C4</TD></TR>
<TR><TD>R3C1</TD><TD>R3C2</TD><TD>R3C3</TD><TD>R3C4</TD></TR>
<TR><TD>R4C1</TD><TD>R4C2</TD><TD>R4C3</TD><TD>R4C4</TD></TR>
</TABLE>
<SCRIPT>
document.write('captionObj.vAlign='+captionObj.vAlign+'<BR>');
function showIt(){
  showA.innerHTML='captionObj.vAlign='+captionObj.vAlign+'<BR>';
}
</SCRIPT>
<BUTTON onClick="captionObj.vAlign='top';showIt()">vAlign=top</BUTTON>
<BUTTON onClick="captionObj.vAlign='bottom';showIt()">vAlign=bottom</BUTTON>
<DIV id=showA>결과 표시창</DIV>