PerformanceTests/CSS/CSSPropertyUpdateValue.html

   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 // The first run will just add the properties but it's fine as the first run of the benchmark is always ignored.
  75 PerfTestRunner.runPerSecond({run:function() {
  76     for (key in properties)
  77         div.style[key] = properties[key];
  78 }});
  79 </script>
  80 </html>