text-decoration-thickness-calc-ref.html (1040B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>text-decoration-thickness calc() support</title> 4 <link rel="author" title="ChangSeok Oh" href="mailto:changseok@webkit.org" /> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 6 <style type="text/css"> 7 div { 8 display: flex; 9 font-family: Ahem; 10 font-size: 8px; 11 } 12 .underline { 13 text-decoration-color: green; 14 text-decoration-line: underline; 15 text-decoration-skip-ink: none; 16 } 17 .overline { 18 text-decoration-color: green; 19 text-decoration-line: overline; 20 text-decoration-skip-ink: none; 21 } 22 .line-through { 23 text-decoration-color: green; 24 text-decoration-line: line-through; 25 text-decoration-skip-ink: none; 26 } 27 .ref { 28 text-decoration-thickness: 8px; 29 } 30 </style> 31 <p>Test passes if black and green bar pairs are the same shape and size.</p> 32 <div> 33 <span class="underline ref">XXXXXX</span> 34 </div> 35 <br> 36 <br> 37 <div> 38 <span class="overline ref">XXXXXX</span> 39 </div> 40 <br> 41 <div> 42 <span class="ref">XXXXXX</span> 43 </div> 44 <div> 45 <span class="line-through ref">XXXXXX</span> 46 </div>