OLD | NEW |
| (Empty) |
1 <style> | |
2 .skewed { | |
3 -webkit-transform:skew(-5deg,-5deg); | |
4 } | |
5 </style> | |
6 <p>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 t
he inspector. You should see the highlights happen with the appropriate padding/
border/margin/content highlights.</p> | |
7 <div style="padding:10px; border: 10px solid; margin: 10px;">padding:10px; borde
r: 10px; margin: 10px;</div> | |
8 <div style="padding:10px; border: 10px solid;">padding:10px; border: 10px;</div> | |
9 <div style="padding:10px; margin: 10px;">padding:10px; margin: 10px;</div> | |
10 <div style="border: 10px solid; margin: 10px;">border: 10px; margin: 10px;</div> | |
11 <div style="padding:10px">padding:10px;</div> | |
12 <div style="border: 10px solid;">border: 10px;</div> | |
13 <div style="margin: 10px;">margin: 10px;</div> | |
14 <div>no padding, border, or margin</div> | |
15 <div class=skewed style="padding:10px; border: 10px solid; margin: 10px;">-webki
t-transform:skew(-5deg,-5deg); padding:10px; border: 10px; margin: 10px;</div> | |
16 <div class=skewed style="padding:10px; border: 10px solid;">-webkit-transform:sk
ew(-5deg,-5deg); padding:10px; border: 10px;</div> | |
17 <div class=skewed style="padding:10px; margin: 10px;">-webkit-transform:skew(-5d
eg,-5deg); padding:10px; margin: 10px;</div> | |
18 <div class=skewed style="border: 10px solid; margin: 10px;">-webkit-transform:sk
ew(-5deg,-5deg); border: 10px; margin: 10px;</div> | |
19 <div class=skewed style="padding:10px">-webkit-transform:skew(-5deg,-5deg); padd
ing:10px;</div> | |
20 <div class=skewed style="border: 10px solid;">-webkit-transform:skew(-5deg,-5deg
); border: 10px;</div> | |
21 <div class=skewed style="margin: 10px;">-webkit-transform:skew(-5deg,-5deg); mar
gin: 10px;</div> | |
22 <div class=skewed >-webkit-transform:skew(-5deg,-5deg); no padding, border, or m
argin</div> | |
23 | |
OLD | NEW |