text-decoration-skip-ink.html (1426B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <link rel="help" title="1.4.2. Text Decoration Line Continuity: the text-decoration-skip-ink property" 8 href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property" /> 9 </head> 10 <body> 11 <script> 12 function testTextDecorationSkipInk() { 13 test( 14 function() { 15 assert_equals( 16 getComputedStyle(document.body)["text-decoration-skip-ink"], 17 "auto", 18 "Must be set to value auto as initial value."); 19 }, 20 'Body must have text-decoration-skip-ink auto by default.'); 21 test( 22 function() { 23 assert_true(CSS.supports('text-decoration-skip-ink', "auto"), 24 "Text-decoration-skip-ink must allow setting the value auto."); 25 assert_true(CSS.supports('text-decoration-skip-ink', "none"), 26 "Text-decoration-skip-ink must allow setting the value none."); 27 assert_true(CSS.supports('text-decoration-skip-ink', "all"), 28 "Text-decoration-skip-ink must allow setting the value all."); 29 }, 30 'Property text-decoration-skip-ink must support values auto, none and all.') 31 } 32 33 testTextDecorationSkipInk(); 34 </script> 35 </body> 36 </html>