text-decoration-thickness-single.html (956B)
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: only using the thickness property should change painted result"> 7 <link rel="author" title="Dominik Röttsches" href="mailto:drott@chromium.org"> 8 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property"> 9 <link rel="mismatch" href="reference/text-decoration-thickness-single-notref.html"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 11 <style> 12 div span { 13 font: 20px/1 Ahem; 14 padding-right: 1em; 15 16 text-decoration: underline; 17 text-decoration-thickness: 10px; 18 text-underline-offset: .5em; 19 } 20 </style> 21 </head> 22 <body> 23 <p>Test passes if the underline thickness is 10px thick.</p> 24 <div><span>XXXX</span></div> 25 </body> 26 </html>