client와 scroll 로 시작하는 프로퍼티 정리

모든  html 요소에는 다음의 프로퍼티 들을 가지고 있다고 하는데.

그래서 다음의 프로퍼티들을 정리 함

왼쪽 value 에는 mdn의 링크를, 오른쪽 Description 에는 w3schools의 링크를 

연결 하였으며 자세한 정보는 링크 연결하여 확인 할 수 있습니다.

Value	Description
offsetWidth	요소의 레이아웃 폭을 정수로 반환. 요소의 border, padding, 세로 스크롤바 를 포함한다.
offsetHeight	패딩, 테두리 및 스크롤 막대를 포함한 요소의 높이를 반환합니다.
offsetLeft	offsetParent 요소를 기준으로 왼쪽 위치(픽셀 단위)를 반환합니다.
offsetTop	offsetParent 요소의 상단을 기준으로 맨 위 위치(픽셀 단위)를 반환
offsetParent	요소를 포함하는 가장 가까운 위치인 개체에 대한 참조를 반환 요소의 위치가 지정되지 않은 경우 가장 가까운 td, t, 테이블 또는 본체가 반환
clientWidth	요소의 패딩을 포함한 너비 테두리, 여백 및 세로 스크롤 막대는 제외
clientHeight	요소의 패딩을 포함한 너비 테두리, 여백 및 세로 스크롤 막대는 제외
clientLeft	요소의 왼쪽 테두리 두께(픽셀)를 반환 왼쪽 수직 스크롤 막대가 렌더링되는 경우 수직 스크롤 막대의 너비가 포함
clientTop	요소의 위쪽 테두리 두께(픽셀)를 반환
scrollWidth	오버플로로 인해 화면에 표시되지 않는 내용을 포함하여 요소 내용 너비의 측정입니다.
scrollHeight	오버플로로 인해 화면에 표시되지 않는 내용을 포함하여 요소 내용 높이의 측정
scrollLeft	요소의 내용이 수평으로 스크롤되는 픽셀 수를 설정하거나 반환합
scrollTop	요소의 내용이 수직으로 스크롤되는 픽셀 수를 가져오거나 설정