inheritance.html (1501B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Inheritance of CSS Multi-column Layout properties</title> 6 <link rel="help" href="https://drafts.csswg.org/css-multicol/#property-index"> 7 <meta name="assert" content="Properties should not inherit."> 8 <meta name="assert" content="Properties have initial values according to the spec."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/inheritance-testcommon.js"></script> 12 </head> 13 <body> 14 <div id="reference"></div> 15 <div id="container"> 16 <div id="target"></div> 17 </div> 18 <style> 19 #reference { 20 border-style: dotted; /* Avoid border-top-width computed style 0 */ 21 border-top-width: medium; 22 } 23 #container { 24 color: rgba(42, 53, 64, 0.75); 25 column-rule-style: dotted; /* Avoid column-rule-width computed style 0 */ 26 } 27 #target { 28 column-rule-style: dotted; 29 } 30 </style> 31 <script> 32 const mediumWidth = getComputedStyle(reference).borderTopWidth; // e.g. 3px 33 reference.style.display = 'none'; 34 35 assert_not_inherited('column-count', 'auto', '2'); 36 assert_not_inherited('column-fill', 'balance', 'auto'); 37 assert_not_inherited('column-rule-color', 'rgba(42, 53, 64, 0.75)', 'rgba(2, 3, 5, 0.5)'); 38 assert_not_inherited('column-rule-style', 'none', 'dashed'); 39 assert_not_inherited('column-rule-width', mediumWidth, '10px'); 40 assert_not_inherited('column-span', 'none', 'all'); 41 assert_not_inherited('column-width', 'auto', '10px'); 42 </script> 43 </body> 44 </html>