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

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

left »ç¿ë°¡´ÉÇÑ °ø°£¿¡¼­ °³Ã¼¸¦ ¿ÞÂÊ Å׵θ®¿¡ Á¤·ÄÇÑ´Ù.
center »ç¿ë°¡´ÉÇÑ °ø°£¿¡¼­ °³Ã¼¸¦ Áß¾Ó¿¡ Á¤·ÄÇÑ´Ù. ÀÌ´Â ¹Ýµå½Ã ºê¶ó¿ìÀúÀÇ Áß¾ÓÀÏ ÇÊ¿äÀº ¾ø´Ù.
right »ç¿ë°¡´ÉÇÑ °ø°£¿¡¼­ °³Ã¼¸¦ ¿À¸¥ÂÊ Å׵θ®¿¡ Á¤·ÄÇÑ´Ù.

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

Ư±â

align ¼Ó¼ºÀÌ ÁöÁ¤µÇÁö ¾ÊÀ¸¸é ¿¤·¹¸àÆ®´Â iFrameÀ̳ª table °³Ã¼´Â »ç¿ë°¡´ÉÇÑ °ø°£ÀÇ ¿ÞÂÊ Å׵θ®¿¡ ºí·°¸ðµå·Î Á¤·ÄµÈ´Ù. ÀÌ ¼Ó¼ºÀÌ left³ª right·Î ¼³Á¤µÇ¸é, °³Ã¼´Â À¯µ¿(float)ÇÏ¿© Á¤·ÄµÈ´Ù. ÈÄ¼Ó ÅؽºÆ®¿Í ´Ù¸¥ ¿¤·¹¸àÆ®µéÀº Å×À̺íÀ̳ª ÀζóÀÎÇÁ·¹ÀÓ ¹Ý´ëÂÊ¿¡ Á¤·ÄµÈ´Ù. ÀÚ¼¼ÇÑ ³»¿ëÀº styleFloat ½ºÅ¸ÀÏ ¼Ó¼ºÀ» À» ÂüÁ¶Ç϶ó.

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

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

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


table ¼Ó¼º ¿¹Á¦

R1C1R1C2R1C3R1C4R1C5
R2C1R2C2R2C3R2C4R2C5
R3C1R3C2R3C3R3C4R3C5
°á°ú Ç¥½Ãâ
<TABLE id="tableObj" border=1 width=60% align="right">
<TR><TD>R1C1</TD><TD>R1C2</TD><TD>R1C3</TD><TD>R1C4</TD><TD>R1C5</TD></TR>
<TR><TD>R2C1</TD><TD>R2C2</TD><TD>R2C3</TD><TD>R2C4</TD><TD>R2C5</TD></TR>
<TR><TD>R3C1</TD><TD>R3C2</TD><TD>R3C3</TD><TD>R3C4</TD><TD>R3C5</TD></TR>
</TABLE>
<SELECT onchange="tableObj.align=this.value;showA.innerText='tableObj.align='+tableObj.align">
<OPTION value="left" selected>left
<OPTION value="center">center
<OPTION value="right">right
</SELECT>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>

iFrame ¼Ó¼º ¿¹Á¦


<IFRAME id="iframeObj" src="../../gif/flower1.jpg" width="300" height="200" align="right"></IFRAME><BR>
<SCRIPT>document.write('iframeObj.align='+iframeObj.align);</SCRIPT>