shape-outside-circle-004.html (1864B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Circle - Position 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-circle"> 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 circle's position arguments may in any valid <length> unit allowed by a <position> value."> 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 generate_tests( ParsingUtils.testInlineStyle, 24 ParsingUtils.buildPositionTests("circle", true, 'lengthUnit + inline', ParsingUtils.validUnits) ); 25 ParsingUtils.setupFonts(); 26 document.fonts.load("10px Ahem").then(()=> { 27 generate_tests( ParsingUtils.testComputedStyle, 28 ParsingUtils.buildPositionTests("circle", true, 'lengthUnit + computed', ParsingUtils.validUnits) ); 29 ParsingUtils.restoreFonts(); 30 done(); 31 }); 32 </script> 33 </body> 34 </html>