captionÀ̳ª legend °³Ã¼ÀÇ Á¤·Ä ¹æ½ÄÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)
¼Ó¼º°ªÀº ´ÙÀ½ Áß ÇϳªÀÇ ¹®ÀÚ¿­ÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

bottom ¹Ù´Ú Áß¾Ó¿¡ Á¤·ÄÇÑ´Ù.
center Áß¾Ó¿¡ Á¤·ÄÇÑ´Ù.
left ¿ÞÂÊ¿¡ Á¤·ÄÇÑ´Ù.
right ¿À¸¥ÂÊ¿¡ Á¤·ÄÇÑ´Ù.
top Á¦ÀÏ À§ Áß¾Ó¿¡ Á¤·ÄÇÑ´Ù.
Ư±â

legend ű״ fieldSet ÅÂ±× ¼Ó¿¡¼­¸¸ »ç¿ëÇÒ ¼ö ÀÖ´Ù.
legend ű×ÀÇ ³»¿ëÀº fieldSet Å׵θ®ÀÇ Á¦ÀÏ À§¿¡ Á¤º¸¸¦ µ¤¾î¾º¿ì¸é¼­ Ç¥½ÃµÈ´Ù.

caption ű״ table ÅÂ±× ¼Ó¿¡¼­¸¸ »ç¿ëÇÒ ¼ö ÀÖ´Ù.
caption ű×ÀÇ ³»¿ëÀº table Å׵θ®ÀÇ Á¦ÀÏ À§ Áß¾Ó¿¡ Å×À̺í Å׵θ®¸¦ ħ¹üÇÏÁö ¾ÊÀ¸¸é¼­ Ç¥½ÃµÈ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
Âü°í

HTML ±Ô°Ý¿¡¼­ ºÒ·®ÇÑ °ÍÀÌ µÇ¾ú´Ù.

ÀÌ ¼Ó¼ºÀº (¿µ¹®) W3C DOM Level 1(Document Object Model)¿¡¼­ Á¤ÀǵǾú´Ù.


legend ¼Ó¼º ¿¹Á¦

¹ü·Ê 1 ¹®ÀÚ¿­1 ¹ü·Ê 2 ¹®ÀÚ¿­2
<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>

table¿¡¼­ caption ¼Ó¼º ¿¹Á¦

Å×À̺í Á¦¸ñ
R1C1R1C2R1C3R1C4
R2C1R2C2R2C3R2C4
<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>