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 'backgroundColor' : 'green',
     14 'backgroundImage' : 'url(\'test.png\')',
     15 'backgroundPosition' : 'top',
     16 'background-repeat' : 'repeat-x',
     17 'background' : '#ffffff url(\'img_tree.png\') no-repeat right top',
     18 'border' : '20px dotted red',
     19 'borderBottomStyle' : 'dotted',
     20 'borderCollapse' : 'separate',
     21 'borderColor' : 'blue',
     22 'borderSpacing' : '3px',
     23 'borderStyle' : 'solid',
     24 'borderTop' : 'green',
     25 'borderWidth' : '20em',
     26 'bottom' : '20%',
     27 'captionSide' : 'top',
     28 'clear' : 'both',
     29 'clip' : 'rect(5px, 40px, 45px, 5px)',
     30 'color' : 'red',
     31 'content' : 'normal',
     32 'direction' : 'rtl',
     33 'display' : 'block',
     34 'float' : 'right',
     35 'fontFamily' : '"Times New Roman",Georgia,Serif',
     36 'fontSize' : '13px',
     37 'fontVariant' : 'small-caps',
     38 'fontWeight' : '700',
     39 'font' : 'italic bold 12px/30px Georgia, serif',
     40 'height' : '200px',
     41 'left' : '20%',
     42 'letterSpacing' : '10px',
     43 'lineHeight' : '40px',
     44 'listStyleImage' : 'url(\'test.png\')',
     45 'listStylePosition' : 'outside',
     46 'listStyleType' : 'decimal',
     47 'listStyle' : 'circle inside',
     48 'marginRight' : '50px',
     49 'margin' : '10px 20px 30px 5em',
     50 'maxHeight' : '700px',
     51 'maxWidth' : '300px',
     52 'minHeight' : '100px',
     53 'minWidth' : '100px',
     54 'outlineColor' : 'gray',
     55 'outlineStyle' : 'dotted',
     56 'outlineWidth' : '5px',
     57 'paddingTop' : '30px',
     58 'padding' : '30px 20px 10px 50px',
     59 'pageBreakAfter' : 'always',
     60 'pageBreakInside' : 'auto',
     61 'pause' : '2s',
     62 'position' : 'static',
     63 'right' : '150px',
     64 'textAlign' : 'center',
     65 'textDecoration' : 'blink',
     66 'textTransform' : 'capitalize',
     67 'top' : '25%',
     68 'verticalAlign' : 'text-bottom',
     69 'visibility' : 'visible',
     70 'width' : '300px',
     71 'webkitTransform' : 'scale3d(0.5, 0.5, 0.5)',
     72 'wordSpacing' : '40px',
     73 };
     74 PerfTestRunner.measureRunsPerSecond({run:function() {
     75     for (key in properties) {
     76         var value = div.style[key];
     77         div.style[key] = "";
     78         div.style[key] = properties[key];
     79     }
     80 }});
     81 </script>
     82 </html>
     83