81 lines
2.1 KiB
HTML
81 lines
2.1 KiB
HTML
<!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',
|
|
'background-repeat' : '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',
|
|
'float' : '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',
|
|
};
|
|
// The first run will just add the properties but it's fine as the first run of the benchmark is always ignored.
|
|
PerfTestRunner.measureRunsPerSecond({run:function() {
|
|
for (key in properties)
|
|
div.style[key] = properties[key];
|
|
}});
|
|
</script>
|
|
</html>
|