tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

text-decoration-skip-ink-sidewayslr-002.html (1233B)


      1 <!DOCTYPE html>
      2 <html>
      3    <head>
      4        <meta charset="utf-8">
      5        <title>Test case for text-decoration-skip-ink</title>
      6        <meta name="assert" content="text-decoration-skip-ink: no underline should be rendered for transparent Ahem text">
      7        <link rel="author" title="Charlie Marlow" href="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-skip-ink-property">
     10        <link rel="match" href="reference/text-decoration-skip-ink-002-ref.html">
     11        <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     12        <style>
     13           /*
     14            No underline should be rendered for Ahem text
     15            with skip-ink enabled
     16           */
     17          div{
     18                 font: 20px/1 Ahem;
     19                 color: transparent;
     20                 text-decoration-skip-ink: auto;
     21                 text-decoration: green underline;
     22                 text-underline-offset: -0.2em;
     23                 writing-mode: sideways-lr;
     24           }
     25        </style>
     26    </head>
     27    <body>
     28        <p>Test passes if no underline is visible</p>
     29        <div>XXXX</div>
     30    </body>
     31 </html>