selection-originating-underline-order-ref.html (1405B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com"> 4 <link rel="stylesheet" href="support/highlights.css"> 5 <link rel="stylesheet" href="/fonts/ahem.css"> 6 <style> 7 * { 8 text-decoration-skip-ink: none; 9 text-decoration-skip: none; 10 } 11 main { 12 font: 80px/1 Ahem; 13 margin: 0.5em; 14 width: min-content; 15 /* 16 Edge on Windows anti-aliases Ahem for some reason, which 17 allows the tip of the test underline to show through, so 18 we still need this underline despite seeming unnecessary. 19 */ 20 text-decoration: 0.25em currentColor solid underline; 21 /* try to keep decoration between ascent and descent */ 22 text-underline-offset: -0.5em; 23 } 24 main > span { 25 color: blue; 26 /* 27 Edge on Windows anti-aliases Ahem for some reason, which 28 allows the tip of the test underline to show through, so 29 we still need this underline despite seeming unnecessary. 30 */ 31 text-decoration: 0.25em blue solid underline; 32 /* try to keep decoration between ascent and descent */ 33 text-underline-offset: -0.5em; 34 } 35 </style> 36 <p>Test passes if there is no red below and two squares, entirely blue (left) and entirely black (right). 37 <main class="highlight_reftest"><span>X</span>X</main>