shape-outside-invalid-circle-002.html (1121B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="flags" content="dom"> 6 <meta name="assert" content="shape-outside declaration is invalid if cy for circle function is invalid"> 7 <title>CSS Shapes Test - Circle - invalid cy value</title> 8 <link rel="author" title="noonnightstorm" href="mailto:noonnightstorm@gmail.com"> 9 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> 10 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"> 11 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle"> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 15 <style> 16 #shape{ 17 width: 300px; 18 height: 300px; 19 shape-outside: circle(50% at 50% 50); 20 } 21 </style> 22 </head> 23 <body> 24 25 <div id="log"></div> 26 27 <div id="shape"></div> 28 29 <script> 30 var obj = document.getElementById('shape'); 31 var cy = getComputedStyle(obj).shapeOutside; 32 test(function() {assert_equals(cy, "none", "declaration should be Invalid")}); 33 </script> 34 35 </body> 36 </html>