| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 .classTest { | 2 .classTest { |
| 3 -webkit-transform:skew(-10deg,-3deg); | 3 -webkit-transform:skew(-10deg,-3deg); |
| 4 color: green; | 4 color: green; |
| 5 background: #CCC; | 5 background: #CCC; |
| 6 border: 2px solid blue; | 6 border: 2px solid blue; |
| 7 padding: 5px 6px 7px 8px; | 7 padding: 5px 6px 7px 8px; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <p>To begin test, open DevTools, select the Elements panel. Expand the Styles pa
ne in the sidebar.</p> | 10 <p>To begin test, open DevTools, select the Elements panel. Expand the Styles pa
ne in the sidebar.</p> |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 <li>Expand the "padding" shorthand property using the arrow at the left. You s
hould see the following | 31 <li>Expand the "padding" shorthand property using the arrow at the left. You s
hould see the following |
| 32 property values beneath: padding-top: 5px; padding-right: 6px; padding-bottom: 7
px; padding-left: 8px; | 32 property values beneath: padding-top: 5px; padding-right: 6px; padding-bottom: 7
px; padding-left: 8px; |
| 33 <li>In the "Styles" pane titlebar click the gear button and choose "New Style
Rule". In the editbox that appears, type: | 33 <li>In the "Styles" pane titlebar click the gear button and choose "New Style
Rule". In the editbox that appears, type: |
| 34 <pre> | 34 <pre> |
| 35 font-family: monospace; | 35 font-family: monospace; |
| 36 </pre> | 36 </pre> |
| 37 The font of the test string should alter to a monospaced one. | 37 The font of the test string should alter to a monospaced one. |
| 38 </ul> | 38 </ul> |
| 39 | 39 |
| 40 <div class="classTest">CLASS_TEST CLASS_TEST CLASS_TEST CLASS_TEST CLASS_TEST CL
ASS_TEST CLASS_TEST</div> | 40 <div class="classTest">CLASS_TEST CLASS_TEST CLASS_TEST CLASS_TEST CLASS_TEST CL
ASS_TEST CLASS_TEST</div> |
| OLD | NEW |