개체 내용의 주위를 둘러싸는 TextRectangle 개체의 오른쪽 좌표를 반환하거나 설정한다.

인수
: (속성 정수값)
속성값은 개체 내용의 주위를 둘러싸는 TextRectangle 개체의 오른쪽 좌표를 나타내는 정수값이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

TextRange 개체 사각형의 오른쪽 좌표를 얻으려면 TextRanges을 사용하여

RctCol=TextRangeObj.getClientRects();
RctCol[index].right;

묶인(bound) 엘레멘트의 반향 사각형의 오른쪽 좌표를 얻으려면 boundElements을 사용하여

BndRctCo=elementObj.getBoundingClientRect();
BndRctCol(index).right;

두 경우 모두 컬렉션에서 배열변수의 인수로 호출하므로 처음 것이 index 0, 두번째가 1 식으로 된다.

적용
개체scriptHTML규격IE
참고
bottom left right top TextRectangle TextRectangles 컬렉션

이 속성은 CSS2 (Cascading Style Sheets Level 2)에서 정의되었다.


getBoundingClientRect 메서드로 TextRange 개체를 생성하고 속성을 보는 예제

결과 표시창
<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>