diff options
Diffstat (limited to 'Source/WebCore/manual-tests/inspector/highlight-nodes.html')
| -rw-r--r-- | Source/WebCore/manual-tests/inspector/highlight-nodes.html | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/inspector/highlight-nodes.html b/Source/WebCore/manual-tests/inspector/highlight-nodes.html new file mode 100644 index 0000000..6712b3a --- /dev/null +++ b/Source/WebCore/manual-tests/inspector/highlight-nodes.html @@ -0,0 +1,23 @@ +<style> +.skewed { + -webkit-transform:skew(-5deg,-5deg); +} +</style> +<p>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.</p> +<div style="padding:10px; border: 10px solid; margin: 10px;">padding:10px; border: 10px; margin: 10px;</div> +<div style="padding:10px; border: 10px solid;">padding:10px; border: 10px;</div> +<div style="padding:10px; margin: 10px;">padding:10px; margin: 10px;</div> +<div style="border: 10px solid; margin: 10px;">border: 10px; margin: 10px;</div> +<div style="padding:10px">padding:10px;</div> +<div style="border: 10px solid;">border: 10px;</div> +<div style="margin: 10px;">margin: 10px;</div> +<div>no padding, border, or margin</div> +<div class=skewed style="padding:10px; border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;</div> +<div class=skewed style="padding:10px; border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); padding:10px; border: 10px;</div> +<div class=skewed style="padding:10px; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); padding:10px; margin: 10px;</div> +<div class=skewed style="border: 10px solid; margin: 10px;">-webkit-transform:skew(-5deg,-5deg); border: 10px; margin: 10px;</div> +<div class=skewed style="padding:10px">-webkit-transform:skew(-5deg,-5deg); padding:10px;</div> +<div class=skewed style="border: 10px solid;">-webkit-transform:skew(-5deg,-5deg); border: 10px;</div> +<div class=skewed style="margin: 10px;">-webkit-transform:skew(-5deg,-5deg); margin: 10px;</div> +<div class=skewed >-webkit-transform:skew(-5deg,-5deg); no padding, border, or margin</div> + |