tor-browser

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

text-combine-upright-decorations-001.html (1538B)

      1 <!DOCTYPE html>
      2 <title>CSS Writing Modes Test: The resulting composition is treated as a signel glyph for decorations</title>
      3 <meta name="flags" content="ahem">
      4 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
      5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      6 <style>
      7 #container {
      8    font: 50px/1 Ahem;
      9    text-decoration-skip-ink: none;
     10 }
     11 .vlr {
     12    writing-mode:vertical-lr;
     13 }
     14 .vrl {
     15    writing-mode:vertical-rl;
     16 }
     17 .test, .ref {
     18    border:solid thin;
     19    margin:.2em;
     20 }
     21 p {
     22    margin:0 .5em;
     23 }
     24 .underline {
     25    text-decoration:underline;
     26 }
     27 .overline {
     28    text-decoration:overline;
     29 }
     30 .emphasis {
     31    text-emphasis:filled;
     32 }
     33 </style>
     34 <p>This test asserts the resulting composition is treated as a single glyph for decorations.
     35 <p>Test passes if the following two boxes in each row are identical.
     36 <div id=container>
     37    <div class=vlr>
     38        <div class=test>
     39            <p class=underline>X&#xA0;X
     40            <p class=overline>X&#xA0;X
     41            <p class=emphasis>XXX
     42        </div>
     43        <div class=ref>
     44            <p class=underline>X&#xA0;X
     45            <p class=overline>X&#xA0;X
     46            <p class=emphasis>XXX
     47        </div>
     48    </div>
     49    <div class=vrl>
     50        <div class=test>
     51            <p class=underline>X&#xA0;X
     52            <p class=overline>X&#xA0;X
     53            <p class=emphasis>XXX
     54        </div>
     55        <div class=ref>
     56            <p class=underline>X&#xA0;X
     57            <p class=overline>X&#xA0;X
     58            <p class=emphasis>XXX
     59        </div>
     60    </div>
     61 </div>