javascript에서 clientWidth, clientHeight란?

document.body.clientWidth

document.body.clientHeight를 사용했는데, 이게 뭔지 모르겠어서 찾아보니

 

https://www.digitalocean.com/community/tutorials/js-clientwidth-and-clientheight

clientWidth and clientHeight in JavaScript | DigitalOcean

 

이 경우 clientWidth = 10 + 140 + 50

clientHeight = 30 + 70 + 0

 

 

결론.

html의 element와 그 element의 padding을 더한 값이다.

border과 margin을 제외한 값이라 할 수 있다.