shape-outside-shape-inherit-000.html (1784B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Shape Outside Box Inherit Value</title> 5 <link rel="author" title="Adobe" href="http://html.adobe.com/"> 6 <link rel="author" title="Bear Travis" href="mailto:betravis@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/#shape-outside-property"> 9 <meta name="assert" content="Shape-outside takes can be assigned the 'inherit' value."> 10 <meta name="flags" content="ahem dom"> 11 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 <script src="support/parsing-utils.js"></script> 15 </head> 16 <body> 17 <div id="log"></div> 18 <script type="text/javascript"> 19 test(function() { 20 var outer = document.createElement("div"); 21 var inner = document.createElement("div"); 22 outer.appendChild(inner); 23 outer.style.setProperty("shape-outside", "content-box"); 24 inner.style.setProperty("shape-outside", "inherit"); 25 document.body.appendChild(outer); 26 var inline = inner.style.getPropertyValue("shape-outside"); 27 var style = getComputedStyle(inner); 28 var computed = style.getPropertyValue("shape-outside"); 29 document.body.removeChild(outer); 30 assert_equals(inline, "inherit"); 31 assert_equals(computed, "content-box"); 32 }, "shape-outside can be assigned 'inherit' value"); 33 </script> 34 </body> 35 </html>