shape-outside-polygon-004

Shape Outside Polygon - Argument Length Units

WeasyPrint

This browser

Flags
dom, script
Assertion
A polygon's veritices may in percentage or any valid units.

Source

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