text-decoration-thickness-001.html (1212B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Test case for text-decoration-thickness</title> 6 <meta name="assert" content="text-decoration-thickness: should affect the underline thickness"> 7 <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com"> 8 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 9 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property"> 10 <link rel="mismatch" href="reference/text-decoration-thickness-001-notref.html"> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 12 <style> 13 #main { 14 display: flex; 15 } 16 div span { 17 text-decoration: green underline; 18 text-decoration-skip-ink: none; 19 font: 20px/1 Ahem; 20 color: transparent; 21 padding-right: 1em; 22 } 23 #rightbox { 24 text-decoration-thickness: 2em; 25 } 26 </style> 27 </head> 28 <body> 29 <p>Test passes if the right has a thick green underline</p> 30 <div id="main"> 31 <div>left<span>XXXX</span></div> 32 <div><span id="rightbox">XXXX</span>right</div> 33 </div> 34 </body> 35 </html>