°³Ã¼°¡ ÁÖÀ§ÀÇ ÅؽºÆ®¿Í ¿¬°üÇÏ¿© ¾î¶»°Ô Á¤·ÄµÇ´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

absbottom °³Ã¼ÀÇ ¸Ç¾Æ·¡¸¦ ÁÖÀ§ ÅؽºÆ®ÀÇ ¸Ç ¾Æ·¡¿¡ Á¤·ÄÇÑ´Ù.
absbottomÀº baseline¿¡¼­ ÅؽºÆ®Áß °¡Àå ³ô¾Æ ¾Æ·¡ ³»·Á¿Â °ÍÀ» »« °Í°ú °°´Ù.
absmiddle °³Ã¼ÀÇ Áß¾ÓÀ» ÁÖÀ§ ÅؽºÆ®ÀÇ Áß¾Ó¿¡ ÀÏÄ¡½ÃÅ°°Ô Á¤·ÄÇÑ´Ù.
absbottomÀº absbottom°ú ÁÖÀ§ ÅؽºÆ®ÀÇ ¸ÇÀ§ÀÇ Áß°£Á¡ÀÌ´Ù.
baseline °³Ã¼ÀÇ ¸Ç¾Æ·¡¸¦ ÁÖÀ§ ÅؽºÆ®ÀÇ baseline¿¡ Á¤·ÄÇÑ´Ù.
bottom °³Ã¼ÀÇ ¸Ç¾Æ·¡¸¦ ÁÖÀ§ ÅؽºÆ®ÀÇ ¸Ç¾Æ·¡¿¡ Á¤·ÄÇÑ´Ù
bottomÀº baseline¿¡¼­ ÅؽºÆ®ÀÇ Ç¥ÁØ ³ôÀ̸¦ »« °Í°ú °°´Ù.
left µðÆúÆ®À̸ç, °³Ã¼À» ÁÖÀ§ ÅؽºÆ®ÀÇ ¿ÞÂÊ¿¡ Á¤·ÄÇÑ´Ù.
¸ðµç ¾Õ°ú µÚÀÇ ÅؽºÆ®´Â °³Ã¼ÀÇ ¿À¸¥ÂÊ¿¡ Á¤·ÄµÈ´Ù.
middle ÁÖÀ§ ÅؽºÆ®ÀÇ Áß¾Ó¿¡ °³Ã¼¸¦ Á¤·ÄÇÑ´Ù.
right µðÆúÆ®À̸ç, °³Ã¼À» ÁÖÀ§ ÅؽºÆ®ÀÇ ¿À¸¥ÂÊ¿¡ Á¤·ÄÇÑ´Ù.
¸ðµç ¾Õ°ú µÚÀÇ ÅؽºÆ®´Â °³Ã¼ÀÇ ¿ÞÂÊ¿¡ Á¤·ÄµÈ´Ù.
texttop °³Ã¼ÀÇ À§Âʳ¡À» ÁÖÀ§ ÅؽºÆ®ÀÇ Àý´ë À§Âʳ¡¿¡ Á¤·ÄÇÑ´Ù.
Àý´ë À§Âʳ¡Àº baseline¿¡ ÁÖÀ§ÀÇ °¡Àå ³ôÀº ÅؽºÆ®ÀÇ ³ôÀ̸¦ ´õÇÑ °Í°ú °°´Ù.
top °³Ã¼ÀÇ À§Âʳ¡À» ÁÖÀ§ ÅؽºÆ®ÀÇ À­Âʳ¡³× Á¤·ÄÇÑ´Ù.
ÅؽºÆ®ÀÇ À§Âʳ¡Àº baseline¿¡ ÅؽºÆ®ÀÇ Ç¥ÁØ ³ôÀÌÀ» ´õÇÑ °Í°ú °°´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±â·Î µðÆúÆ®°ªÀº leftÀÌ´Ù.

Ư±â

ÀÌ ¾ÖÆ®¸®ºäÆ®´Â input type=image¿¡¸¸ Àû¿ëµÇ°í ´Ù¸¥ input ŸÀԵ鿡´Â Á¤ÀǵÇÁö ¾Ê¾Ò´Ù.

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

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

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


¹®ÀÚ¿­

<IMG id="img1Obj" src="../../gif/rfexample.gif" align="left">
<IMG id="img2Obj" src="../../gif/rfexample.gif" align="right">
<DIV align="center">¹®ÀÚ¿­</DIV>
<BR clear="all">
<SCRIPT>
str='img1Obj.align='+img1Obj.align+'<BR>';
str+='img2Obj.align='+img2Obj.align+'<BR>';
document.write(str);
</SCRIPT>