21

Is there a way to preserve the highlight showing the boxmodel properties (width, margin, padding, border) of a DOM element? I'm trying to inspect the behaviour of an element when the window is resized so it would be nice to permanently see the measurements.

Solutions for both Chrome Developer Tools and Firebug (Firefox) appreciated!

2 Answers 2

9

This is not possible for Chrome DevTools, but you can open the Metrics pane in the right-hand side of the Elements panel to monitor content area/padding/border/margin when the window is resized.

3
0

I know this isn't the exact answer you're looking for, but if you give the element a display of flex, and inspect the element, you can click the flex button, and it will highlight it in orange on the screen for you. Hopefully the actual feature is added soon! Hope this helps!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.