shape-outside-invalid-circle-000.html (1058B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title>CSS Shapes Tests: Circle - invalid 2 args</title> 5 <link rel="author" title="biqing" href="mailto:biqing.kwok@qq.com"> 6 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"> 7 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle"> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <meta name="flags" content="dom"> 11 <meta name="assert" content="shape-outside declaration is invalid if circle shape function only has two parameters"> 12 <style type="text/css"> 13 #float { 14 shape-outside: circle(50px, 50px); 15 float: left; 16 width: 100px; 17 height: 100px; 18 } 19 </style> 20 </head> 21 <body> 22 <div id="log"></div> 23 24 <div id="float"></div> 25 26 <script> 27 28 test(function() { 29 assert_true(getComputedStyle(document.getElementById('float')).shapeOutside == 'none'); 30 }, 'Circle - invalid 2 args'); 31 32 </script> 33 </body> 34 </html>