inheritance.html (1430B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Inheritance of CSS Text Decoration properties</title> 6 <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#property-index"> 7 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#property-index"> 8 <meta name="assert" content="Properties inherit or not according to the spec."> 9 <meta name="assert" content="Properties have initial values according to the spec."> 10 <script src="/resources/testharness.js"></script> 11 <script src="/resources/testharnessreport.js"></script> 12 <script src="/css/support/inheritance-testcommon.js"></script> 13 </head> 14 <body> 15 <div id="container"> 16 <div id="target"></div> 17 </div> 18 <style> 19 #container { 20 color: rgba(2, 3, 4, 0.5); 21 } 22 </style> 23 <script> 24 assert_not_inherited('text-decoration-color', 'rgba(2, 3, 4, 0.5)', 'rgba(42, 53, 64, 0.75)'); 25 assert_not_inherited('text-decoration-line', 'none', 'line-through'); 26 assert_not_inherited('text-decoration-style', 'solid', 'dashed'); 27 assert_inherited('text-emphasis-color', 'rgba(2, 3, 4, 0.5)', 'rgba(42, 53, 64, 0.75)'); 28 assert_inherited('text-emphasis-position', 'auto', 'under left'); 29 assert_inherited('text-emphasis-style', 'none', 'triangle'); 30 assert_inherited('text-shadow', 'none', 'rgba(42, 53, 64, 0.75) 10px 20px 0px'); 31 assert_inherited('text-underline-position', 'auto', 'under'); 32 33 assert_inherited('text-decoration-skip-ink', 'auto', 'none'); 34 </script> 35 </body> 36 </html>