Measurement and Location Sample
Measurement Rulers
--- DHTML ---
offsetHeight & offsetWidth
clientHeight & clientWidth
offsetTop & offsetLeft
clientTop & clientLeft
scrollTop & scrollLeft
scrollHeight & scrollWidth
--- CSS ---
top & left
height & width
posTop & posLeft
posHeight & posWidth
pixelTop & pixelLeft
pixelHeight & pixelWidth
Measurement Results
Tips and Tricks
Instructions:
Click and drag the element within the white square to change its position. Select a pair of measurement or location properties from the drop down menu. Markers are drawn for the property values in the window.