Element Scan

Element Scan is a Chrome extension that allows you to intuitively inspect the CSS styles of any web page element simply by hovering your mouse over it. You can also modify these styles in real time directly within the browser. It provides a visual guide function that clearly displays the distance and alignment between elements on the page, making it easy for you to identify and resolve UI spacing and layout issues. Furthermore, Element Scan supports convenient features like CSS style copying and image extraction from web pages. This makes it a highly useful web UI analysis tool for both developers and designers looking to understand, debug, or replicate web page structures and styles.

Screenshots from Chrome Web Store