°³Ã¼ ³»¿ëÀÇ ÁÖÀ§¸¦ µÑ·¯½Î´Â TextRectangle °³Ã¼ÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
TextRange °³Ã¼ »ç°¢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é TextRangesÀ» »ç¿ëÇÏ¿©
RctCol=TextRangeObj.getClientRects(); RctCol[index].right;
¹ÀÎ(bound) ¿¤·¹¸àÆ®ÀÇ ¹ÝÇ⠻簢ÇüÀÇ ¿À¸¥ÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é boundElementsÀ» »ç¿ëÇÏ¿©
BndRctCo=elementObj.getBoundingClientRect(); BndRctCol(index).right;
µÎ °æ¿ì ¸ðµÎ Ä÷º¼Ç¿¡¼ ¹è¿º¯¼öÀÇ Àμö·Î È£ÃâÇϹǷΠóÀ½ °ÍÀÌ index 0, µÎ¹øÂ°°¡ 1 ½ÄÀ¸·Î µÈ´Ù.
| °³Ã¼ | script | HTML | ±Ô°Ý | IE | 
|---|
ÀÌ ¼Ó¼ºÀº CSS2 (Cascading Style Sheets Level 2)¿¡¼ Á¤ÀǵǾú´Ù.
<SCRIPT>
function getCoords(obj){
  rectObj=obj.getBoundingClientRect();
  str='Bounding Rectangle<BR>¿ÞÂÊ ¸ÇÀ§ ÁÂÇ¥=('+rectObj.left+','+rectObj.top+')<BR>';
  str+='¿À¸¥ÂÊ ¸Ç¾Æ·¡ ÁÂÇ¥=('+rectObj.right+','+rectObj.bottom+')';
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON id=oPara onclick="getCoords(this)">Ŭ¸¯ÇÏ¿© TextRangeÀ» »ý¼ºÇØ º¸¶ó</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>