29. 문서의 기하학적 특성 1) 요소의 크기와 위치 우선 엘리먼트의 크기를 알아내는 방법을 살펴보자. body{ padding:0; margin:0; } #target{ width:100px; height:100px; border:50px solid #1065e6; padding:50px; margin:50px; } Coding var t = document.getElementById('target'); console.log(t.getBoundingClientRect()); 화면에 표시된 모습은 아래와 같다. 즉 엘리먼트의 테두리와 body 태그 사이의 거리가 50px이다. 그리고 테두리를 포함한 엘리먼트의 크기는 300px이다. 이 값을 알아내고 싶을 때 사용하는 API가 getBoundingClie..