This page has basic tests of node highlighting in the inspected page. To test, load this page, open the DevTools and mouseover the nodes in the treeview of the inspector. You should see the highlights happen with the appropriate padding/border/margin/content highlights.

padding:10px; border: 10px; margin: 10px;

padding:10px; border: 10px;

padding:10px; margin: 10px;

border: 10px; margin: 10px;

padding:10px;

border: 10px;

margin: 10px;

no padding, border, or margin

-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;

-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px;

-webkit-transform:skew(-5deg,-5deg); padding:10px; margin: 10px;

-webkit-transform:skew(-5deg,-5deg); border: 10px; margin: 10px;

-webkit-transform:skew(-5deg,-5deg); padding:10px;

-webkit-transform:skew(-5deg,-5deg); border: 10px;

-webkit-transform:skew(-5deg,-5deg); margin: 10px;

-webkit-transform:skew(-5deg,-5deg); no padding, border, or margin