ContextQMD
Back to Chromium

Highlight Nodes

third_party/blink/manual_tests/inspector/highlight-nodes.html

151.0.7873.1916 B
Original Source

This page has basic tests of node highlighting in the inspected page. To tests, load this page, open the inspector 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

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

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

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

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

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

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

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

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