shape-outside-circle-002

Shape Outside Circle Valid Positions

WeasyPrint

This browser

Flags
dom, script
Assertion
A circle's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3         <title>Shape Outside Circle Valid Positions</title>
 4         <link href="http://html.adobe.com/" rel="author" title="Adobe">
 5         <link href="mailto:betravis@adobe.com" rel="author" title="Bear Travis">
 6         <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
 7         <link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns"> <!-- 2014-03-04 -->
 8         <link href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle" rel="help">
 9         <link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
10         <link href="http://www.w3.org/TR/css3-values/#lengths" rel="help">
11         <meta content="A circle's position argument may be any of the valid combinations:
12                                      [ percentage|length left|center|right ]
13                                 or   [ percentage|length left|center|right ] [ percentage|length top|center|bottom  ]
14                                 or   [ left|center|right ]
15                                 or   [ left|center|right top|center|bottom ]
16                                 or   [ top|center|bottom ]. " name="assert">
17         <meta content="dom" name="flags">
18         <script src="/resources/testharness.js"></script>
19         <script src="/resources/testharnessreport.js"></script>
20         <script src="support/parsing-utils.js"></script>
21     </head>
22     <body>
23         <div id="log"></div>
24         <script type="text/javascript">
25             generate_tests(ParsingUtils.testInlineStyle, ParsingUtils.buildPositionTests('circle', true, 'inline', 'px'));
26             generate_tests(ParsingUtils.testComputedStyle, ParsingUtils.buildPositionTests('circle', true, 'computed', 'px'));
27         </script>
28     
29 
30 </body></html>