shape-outside-invalid-circle-001.html (1506B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title>CSS Shapes Tests: Circle - invalid r values</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 has an invalid r parameter"> 12 <style type="text/css"> 13 .circle { 14 float: left; 15 width: 100px; 16 height: 100px; 17 } 18 #circle1 { 19 shape-outside: circle(auto); 20 } 21 #circle2 { 22 shape-outside: circle(inherit); 23 } 24 #circle3 { 25 shape-outside: circle(#FFFFFF); 26 } 27 </style> 28 </head> 29 <body> 30 <div id="log"></div> 31 32 <div class="circle" id="circle1"></div> 33 <div class="circle" id="circle2"></div> 34 <div class="circle" id="circle3"></div> 35 36 <script> 37 38 test(function() { 39 assert_true(getComputedStyle(document.getElementById('circle1')).shapeOutside == 'none'); 40 assert_true(getComputedStyle(document.getElementById('circle2')).shapeOutside == 'none'); 41 assert_true(getComputedStyle(document.getElementById('circle3')).shapeOutside == 'none'); 42 }, 'Circle - invalid r values'); 43 44 </script> 45 </body> 46 </html>