Use the Web Inspector Metrics pane to inspect and the box model.
To inspect and modify the box model for an element:
-
Click the Elements icon on the toolbar to display the
Elements panel.
-
In the Elements panel, expand the
Metrics pane to display the box model associated with
the selected element.
-
Click any of the top, bottom, left, or right values, then type the new value. The
changed value is propagated to the associated style declaration in the
Styles pane.
-
When you're done, propagate the changes to the source
document.