| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../resources/runner.js"></script> | 4 <script src="../resources/runner.js"></script> |
| 5 </head> | 5 </head> |
| 6 <body> | 6 <body> |
| 7 <div id="test"></div> | 7 <div id="test"></div> |
| 8 </body> | 8 </body> |
| 9 <script> | 9 <script> |
| 10 var div = document.getElementById("test"); | 10 var div = document.getElementById("test"); |
| 11 var properties = { | 11 var properties = { |
| 12 'azimuth' : 'right', | 12 'azimuth' : 'right', |
| 13 'backgroundColor' : 'green', | 13 'backgroundColor' : 'green', |
| 14 'backgroundImage' : 'url(\'test.png\')', | 14 'backgroundImage' : 'url(\'test.png\')', |
| 15 'backgroundPosition' : 'top', | 15 'backgroundPosition' : 'top', |
| 16 'background-repeat' : 'repeat-x', | 16 'backgroundRepeat' : 'repeat-x', |
| 17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top', | 17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top', |
| 18 'border' : '20px dotted red', | 18 'border' : '20px dotted red', |
| 19 'borderBottomStyle' : 'dotted', | 19 'borderBottomStyle' : 'dotted', |
| 20 'borderCollapse' : 'separate', | 20 'borderCollapse' : 'separate', |
| 21 'borderColor' : 'blue', | 21 'borderColor' : 'blue', |
| 22 'borderSpacing' : '3px', | 22 'borderSpacing' : '3px', |
| 23 'borderStyle' : 'solid', | 23 'borderStyle' : 'solid', |
| 24 'borderTop' : 'green', | 24 'borderTop' : 'green', |
| 25 'borderWidth' : '20em', | 25 'borderWidth' : '20em', |
| 26 'bottom' : '20%', | 26 'bottom' : '20%', |
| 27 'captionSide' : 'top', | 27 'captionSide' : 'top', |
| 28 'clear' : 'both', | 28 'clear' : 'both', |
| 29 'clip' : 'rect(5px, 40px, 45px, 5px)', | 29 'clip' : 'rect(5px, 40px, 45px, 5px)', |
| 30 'color' : 'red', | 30 'color' : 'red', |
| 31 'content' : 'normal', | 31 'content' : 'normal', |
| 32 'direction' : 'rtl', | 32 'direction' : 'rtl', |
| 33 'display' : 'block', | 33 'display' : 'block', |
| 34 'float' : 'right', | 34 'cssFloat' : 'right', |
| 35 'fontFamily' : '"Times New Roman",Georgia,Serif', | 35 'fontFamily' : '"Times New Roman",Georgia,Serif', |
| 36 'fontSize' : '13px', | 36 'fontSize' : '13px', |
| 37 'fontVariant' : 'small-caps', | 37 'fontVariant' : 'small-caps', |
| 38 'fontWeight' : '700', | 38 'fontWeight' : '700', |
| 39 'font' : 'italic bold 12px/30px Georgia, serif', | 39 'font' : 'italic bold 12px/30px Georgia, serif', |
| 40 'height' : '200px', | 40 'height' : '200px', |
| 41 'left' : '20%', | 41 'left' : '20%', |
| 42 'letterSpacing' : '10px', | 42 'letterSpacing' : '10px', |
| 43 'lineHeight' : '40px', | 43 'lineHeight' : '40px', |
| 44 'listStyleImage' : 'url(\'test.png\')', | 44 'listStyleImage' : 'url(\'test.png\')', |
| (...skipping 28 matching lines...) Expand all Loading... |
| 73 }; | 73 }; |
| 74 PerfTestRunner.measureRunsPerSecond({run:function() { | 74 PerfTestRunner.measureRunsPerSecond({run:function() { |
| 75 for (key in properties) { | 75 for (key in properties) { |
| 76 var value = div.style[key]; | 76 var value = div.style[key]; |
| 77 div.style[key] = ""; | 77 div.style[key] = ""; |
| 78 div.style[key] = properties[key]; | 78 div.style[key] = properties[key]; |
| 79 } | 79 } |
| 80 }}); | 80 }}); |
| 81 </script> | 81 </script> |
| 82 </html> | 82 </html> |
| OLD | NEW |