1. element.offsetWidth, element.offsetHeight
- W3C 권고안이 아님(MSIE's DHTML Object Model)
- element.offsetWidth : element의 border, 수직/수평 padding, css width를 포함한 폭(즉 화면을 봤을 때 보여지는 엘리먼트의 폭)
- element.offsetHeight : element의 border, 수직/수평 padding, css height를 포함한 높이(즉 화면을 봤을 때 보여지는 엘리먼트의 높이)

 

2. element.clientWidth, element.clientHeight
- W3C 표준 아님(MSIE's DHTML Object Model)
- element.clientWidth : element의 border를 뺀 안쪽 폭(즉 화면을 봤을 때 테두리를 뺀 엘리먼트의 안쪽 폭)
- element.clientHeight : element의 border를 뺀 안쪽 높이(즉 화면을 봤을 때 테두리를 뺀 엘리먼트의 안쪽 높이)

 

3. element.scrollWidth, element.scrollHeight
- W3C 권고안이 아님(MSIE's DHTML Object Model)
- element.scrollWidth : 엘리먼트의 스크롤 폭
- element.scrollHeight : 엘리먼트의 스크롤 높이

 html_elements_coordinates_islove8587.png