там подробней
offsetParent – «родитель по дереву рендеринга» – ближайшая ячейка таблицы, body для статического позиционирования или ближайший позиционированный элемент для других типов позиционирования.
offsetLeft/offsetTop – позиция в пикселях левого верхнего угла блока, относительно его offsetParent.
offsetWidth/offsetHeight – «внешняя» ширина/высота блока, включая рамки.
clientLeft/clientTop – отступ области содержимого от левого-верхнего угла элемента. Если операционная система располагает вертикальную прокрутку справа, то равны ширинам левой/верхней рамки, если же слева (ОС на иврите, арабском), то clientLeft включает в себя прокрутку.
clientWidth/clientHeight – ширина/высота содержимого вместе с полями padding, но без полосы прокрутки.
scrollWidth/scrollHeight – ширина/высота содержимого, включая прокручиваемую область. Включает в себя padding и не включает полосы прокрутки.
scrollLeft/scrollTop – ширина/высота прокрученной части документа, считается от верхнего левого угла.
