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 (2014B)

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