caption이나 legend 개체의 정렬 방식을 반환하거나 설정한다.
![]() | Script | object.align=[sVal] |
HTML | <ELEMENT align="sVal"> |
이 속성은 읽기/쓰기이며 디폴트값은 없다.
bottom | 바닥 중앙에 정렬한다. |
center | 중앙에 정렬한다. |
left | 왼쪽에 정렬한다. |
right | 오른쪽에 정렬한다. |
top | 제일 위 중앙에 정렬한다. |
legend 태그는 fieldSet 태그 속에서만 사용할 수 있다.
legend 태그의 내용은 fieldSet 테두리의 제일 위에 정보를 덮어씌우면서 표시된다.
caption 태그는 table 태그 속에서만 사용할 수 있다.
caption 태그의 내용은 table 테두리의 제일 위 중앙에 테이블 테두리를 침범하지 않으면서 표시된다.
개체 | script | HTML | 규격 | IE |
---|---|---|---|---|
caption | caption.align[=sVal] | <CAPTION align="sVal"> | HTML | IE3.02(win16,win32,mac),IE4.0(ce,unix) |
legend | legend.align[=sVal] | <LEGEND align="sVal"> | HTML | IE4.0(win16,win32,ce,unix,mac) |
HTML 규격에서 불량한 것이 되었다.
이 속성은 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.
![]() | align 속성⇒ | ![]() | ![]() ![]() ![]() |
<FORM> <FIELDSET> <LEGEND id="legend1Obj" align="left" style="color:blue">범례 1 <SPAN align="center">문자열1</SPAN></LEGEND> <LEGEND id="legend2Obj" align="right" style="color:blue">범례 2 <SPAN align="center">문자열2</SPAN></LEGEND> </FIELDSET> </FORM> <SCRIPT> str='legend1Obj.align='+legend1Obj.align+'<BR>'; str+='legend2Obj.align='+legend2Obj.align+'<BR>'; document.write(str); </SCRIPT>
R1C1 | R1C2 | R1C3 | R1C4 |
R2C1 | R2C2 | R2C3 | R2C4 |
<TABLE border=1 width=100%> <CAPTION id="captionObj" align="center" style="color:blue">테이블 제목</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> </TABLE> <SCRIPT> str='captionObj.align='+captionObj.align+'<BR>'; document.write(str); </SCRIPT>
![]() | align 속성 | ⇒ | ![]() ![]() |
최종 수정: 04/07/2025 04:55:04 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/property/align_caption.html |