# 너비에 대하여...

블로그 페이지를 수정하며 태그에 대한 슬라이드 기능을 개발하며

궁금증이 생겼다. 

사용할 때 마다 까먹어 이번 기회에 짧게나마 정리를 해 두려도 한다.

### clientWidth
>  clientWidth란?
>
> 쉽게 target box의 내부 길이라고 보면 좋을것 같다.
>
> border를 포함하지 않은 너비 
>
> contents + padding 

### offsetWidth
> offsetWidth란?
>
> 쉽게 target box의 내외부 길이라고 보면 좋을 겉 같다.
>
> border를 포함한 너비
>
> contents + padding + border

### scrollWidth
> scrollWidth란?
> 
> 쉽게 스크롤 할 수 있는 영역 까지의 총 너비
>
> 부모 박스 overflow: hidden으로 숨겨진 자식 박스의 총 너비

<a href="https://jsfiddle.net/y8Y32/25/" target="_blank">[참조]</a>