blob: 0e68a90ce8b22e318c9a0857d9e2cb7637d9b897 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../resources/runner.js"></script>
</head>
<body>
<div id="test"></div>
</body>
<script>
var div = document.getElementById("test");
var properties = {
'azimuth' : 'right',
'backgroundColor' : 'green',
'backgroundImage' : 'url(\'test.png\')',
'backgroundPosition' : 'top',
'backgroundRepeat' : 'repeat-x',
'background' : '#ffffff url(\'img_tree.png\') no-repeat right top',
'border' : '20px dotted red',
'borderBottomStyle' : 'dotted',
'borderCollapse' : 'separate',
'borderColor' : 'blue',
'borderSpacing' : '3px',
'borderStyle' : 'solid',
'borderTop' : 'green',
'borderWidth' : '20em',
'bottom' : '20%',
'captionSide' : 'top',
'clear' : 'both',
'clip' : 'rect(5px, 40px, 45px, 5px)',
'color' : 'red',
'content' : 'normal',
'direction' : 'rtl',
'display' : 'block',
'cssFloat' : 'right',
'fontFamily' : '"Times New Roman",Georgia,Serif',
'fontSize' : '13px',
'fontVariant' : 'small-caps',
'fontWeight' : '700',
'font' : 'italic bold 12px/30px Georgia, serif',
'height' : '200px',
'left' : '20%',
'letterSpacing' : '10px',
'lineHeight' : '40px',
'listStyleImage' : 'url(\'test.png\')',
'listStylePosition' : 'outside',
'listStyleType' : 'decimal',
'listStyle' : 'circle inside',
'marginRight' : '50px',
'margin' : '10px 20px 30px 5em',
'maxHeight' : '700px',
'maxWidth' : '300px',
'minHeight' : '100px',
'minWidth' : '100px',
'outlineColor' : 'gray',
'outlineStyle' : 'dotted',
'outlineWidth' : '5px',
'paddingTop' : '30px',
'padding' : '30px 20px 10px 50px',
'pageBreakAfter' : 'always',
'pageBreakInside' : 'auto',
'pause' : '2s',
'position' : 'static',
'right' : '150px',
'textAlign' : 'center',
'textDecoration' : 'blink',
'textTransform' : 'capitalize',
'top' : '25%',
'verticalAlign' : 'text-bottom',
'visibility' : 'visible',
'width' : '300px',
'webkitTransform' : 'scale3d(0.5, 0.5, 0.5)',
'wordSpacing' : '40px',
};
PerfTestRunner.measureRunsPerSecond({
description: "Measures performance of the CSS style array index getter and setter (a = elem.style[b], elem.style[c] = d).",
run:function() {
for (key in properties) {
var value = div.style[key];
div.style[key] = "";
div.style[key] = properties[key];
}
}
});
</script>
</html>