• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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>
10var div = document.getElementById("test");
11var properties = {
12'azimuth' : 'right',
13'backgroundColor' : 'green',
14'backgroundImage' : 'url(\'test.png\')',
15'backgroundPosition' : 'top',
16'backgroundRepeat' : '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'cssFloat' : '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.
75PerfTestRunner.measureRunsPerSecond({run:function() {
76    for (key in properties)
77        div.style[key] = properties[key];
78}});
79</script>
80</html>
81