shape-outside-polygon-004.html (2188B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Polygon - Argument Length Units</title> 5 <link rel="author" title="Adobe" href="http://html.adobe.com/"> 6 <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> 7 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <!-- 2014-03-04 --> 8 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-polygon"> 9 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"> 10 <link rel="help" href="http://www.w3.org/TR/css3-values/#lengths"> 11 <meta name="assert" content="A polygon's veritices may in percentage or any valid <length> units."> 12 <meta name="flags" content="ahem dom"> 13 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 14 <script src="/resources/testharness.js"></script> 15 <script src="/resources/testharnessreport.js"></script> 16 <script src="support/parsing-utils.js"></script> 17 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 18 </head> 19 <body> 20 <div id="log"></div> 21 <script type="text/javascript"> 22 setup({explicit_done: true}); 23 var arg_length_units_tests = [ 24 ['%', 'px', 'px'], 25 ['px', '%', 'px'], 26 ['px', 'px', '%'], 27 ['%', '%', '%'], 28 ['em', 'em', 'ex'], 29 ['vw', 'vh', '%'], 30 ['cm', 'mm', 'pc'], 31 ['vmin', 'vmin', 'vmax'], 32 ['rem', 'ch', 'rem'], 33 ['in', 'pt', '%'] 34 ]; 35 generate_tests( ParsingUtils.testInlineStyle, 36 ParsingUtils.buildPolygonTests(arg_length_units_tests, 'inline') ); 37 ParsingUtils.setupFonts(); 38 document.fonts.load("10px Ahem").then(()=> { 39 generate_tests( ParsingUtils.testComputedStyle, 40 ParsingUtils.buildPolygonTests(arg_length_units_tests, 'computed') ); 41 ParsingUtils.restoreFonts(); 42 done(); 43 }); 44 </script> 45 </body> 46 </html>