Modify the box model for an element

Use the Web Inspector Metrics pane to inspect and the box model.

To inspect and modify the box model for an element:
  1. Click the Elements icon on the toolbar to display the Elements panel.
  2. In the Elements panel, expand the Metrics pane to display the box model associated with the selected element.
  3. 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.
  4. When you're done, propagate the changes to the source document.