border-shape-computed.html (2254B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-shape' with computed values</title> 4 <link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/css/support/computed-testcommon.js"></script> 8 9 <div id="target"></div> 10 11 <script> 12 test_computed_value("border-shape", "none"); 13 test_computed_value("border-shape", "circle()"); 14 test_computed_value("border-shape", "polygon(10px 10px, 100px 10px, 10px 100px)"); 15 test_computed_value("border-shape", "shape(from 0px 0px, hline to 100px, vline to 100px, close)"); 16 test_computed_value("border-shape", "circle() circle()"); 17 test_computed_value("border-shape", "circle() border-box circle() padding-box", "circle() circle()"); 18 test_computed_value("border-shape", "circle() polygon(10px 10px, 100px 10px, 10px 100px)"); 19 test_computed_value("border-shape", "circle() content-box"); 20 test_computed_value("border-shape", "circle() border-box"); 21 test_computed_value("border-shape", "circle() border-box polygon(10px 10px, 100px 10px, 10px 100px) border-box", "circle() polygon(10px 10px, 100px 10px, 10px 100px) border-box"); 22 test_computed_value("border-shape", "circle() padding-box polygon(10px 10px, 100px 10px, 10px 100px) border-box", "circle() padding-box polygon(10px 10px, 100px 10px, 10px 100px) border-box"); 23 test_computed_value("border-shape", "circle() padding-box polygon(10px 10px, 100px 10px, 10px 100px) padding-box", "circle() padding-box polygon(10px 10px, 100px 10px, 10px 100px)"); 24 test_computed_value("border-shape", "circle() polygon(10px 10px, 100px 10px, 10px 100px) border-box", "circle() polygon(10px 10px, 100px 10px, 10px 100px) border-box"); 25 test_computed_value("border-shape", "circle() polygon(10px 10px, 100px 10px, 10px 100px) content-box", "circle() polygon(10px 10px, 100px 10px, 10px 100px) content-box"); 26 test_computed_value("border-shape", "circle() half-border-box", "circle()"); 27 test_computed_value("border-shape", "circle() half-border-box circle() half-border-box", "circle()"); 28 test_computed_value("border-shape", "circle() border-box circle() border-box", "circle() border-box"); 29 </script>