Home | History | Annotate | Download | only in CSS 
      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <script src="../resources/runner.js"></script>
      5 </head>
      6 <body>
      7 <div id="test"></div>
      8 </body>
      9 <script>
     10 var div = document.getElementById("test");
     11 var properties = {
     12 'azimuth' : 'right',
     13 'background-color' : 'green',
     14 'background-image' : 'url(\'test.png\')',
     15 'background-position' : 'top',
     16 'background-repeat' : 'repeat-x',
     17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top',
     18 'border' : '20px dotted red',
     19 'border-bottom-style' : 'dotted',
     20 'border-collapse' : 'separate',
     21 'border-color' : 'blue',
     22 'border-spacing' : '3px',
     23 'border-style' : 'solid',
     24 'border-top' : 'green',
     25 'border-width' : '20em',
     26 'bottom' : '20%',
     27 'caption-side' : 'top',
     28 'clear' : 'both',
     29 'clip' : 'rect(5px, 40px, 45px, 5px)',
     30 'color' : 'red',
     31 'content' : 'normal',
     32 'direction' : 'rtl',
     33 'display' : 'block',
     34 'css-float' : 'right',
     35 'font-family' : '"Times New Roman",Georgia,Serif',
     36 'font-size' : '13px',
     37 'font-variant' : 'small-caps',
     38 'font-weight' : '700',
     39 'font' : 'italic bold 12px/30px Georgia, serif',
     40 'height' : '200px',
     41 'left' : '20%',
     42 'letter-spacing' : '10px',
     43 'line-height' : '40px',
     44 'list-style-image' : 'url(\'test.png\')',
     45 'list-style-position' : 'outside',
     46 'list-style-type' : 'decimal',
     47 'list-style' : 'circle inside',
     48 'margin-right' : '50px',
     49 'margin' : '10px 20px 30px 5em',
     50 'max-height' : '700px',
     51 'max-width' : '300px',
     52 'min-height' : '100px',
     53 'min-width' : '100px',
     54 'outline-color' : 'gray',
     55 'outline-style' : 'dotted',
     56 'outline-width' : '5px',
     57 'padding-top' : '30px',
     58 'padding' : '30px 20px 10px 50px',
     59 'page-break-after' : 'always',
     60 'page-break-inside' : 'auto',
     61 'pause' : '2s',
     62 'position' : 'static',
     63 'right' : '150px',
     64 'text-align' : 'center',
     65 'text-decoration' : 'blink',
     66 'text-transform' : 'capitalize',
     67 'top' : '25%',
     68 'vertical-align' : 'text-bottom',
     69 'visibility' : 'visible',
     70 'width' : '300px',
     71 'webkit-transform' : 'scale3d(0.5, 0.5, 0.5)',
     72 'word-spacing' : '40px',
     73 };
     74 PerfTestRunner.measureRunsPerSecond({run:function() {
     75     for (key in properties) {
     76         var value = div.style.getPropertyValue(key);
     77         div.style.removeProperty(key);
     78         div.style.setProperty(key, properties[key]);
     79     }
     80 }});
     81 </script>
     82 </html>
     83