tor-browser

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

quirks-decorations-ref.html (1554B)

      1 <!--
      2    Any copyright is dedicated to the Public Domain.
      3    http://creativecommons.org/licenses/publicdomain/
      4 -->
      5 <html><head>
      6 <title>text-overflow: Quirks mode text-decorations</title>
      7 <style type="text/css">
      8 @font-face {
      9  font-family: Ahem;
     10  src: url(../fonts/Ahem.ttf);
     11 }
     12 @font-face {
     13  font-family: DejaVuSansMono;
     14  src: url(../fonts/DejaVuSansMono.woff);
     15 }
     16 html,body {
     17    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
     18 }
     19 
     20 .test {
     21  overflow:hidden;
     22  float:left;
     23  height:2em;
     24  white-space:pre;
     25  margin-left:1em;
     26  margin-bottom:1em;
     27  font-size:20px; 
     28  color:blue;
     29 }
     30 span {
     31  font-size:16px;
     32  color:black;
     33 }
     34 .xspan {
     35  text-shadow:0px 1em 2px blue;
     36  text-decoration: line-through;
     37 }
     38 .rtl .xspan {
     39  text-shadow:0 1em 0px blue;
     40 }
     41 .rlo {
     42  unicode-bidi: bidi-override; direction:rtl;
     43 }
     44 .lro {
     45  unicode-bidi: bidi-override;
     46 }
     47 .rtl {
     48  direction:rtl;
     49 }
     50 .ltr {
     51  direction:ltr;
     52 }
     53 .t1 { width:7.3em; }
     54 .t2 { width:20px;}
     55 .t3 { width:22px;}
     56 .t4 { width:1px; font-family:Ahem; }
     57 .t3 span {margin-left:14px; }
     58 
     59 m { font-size:20px; color:blue; }
     60 
     61 </style>
     62 
     63 </head><body>
     64 
     65 <div class="test t1"><span><span class="xspan">0123&nbsp;56789012</span><m>&#x2026;</m></span></div>
     66 <div class="test rtl t1"><span><span class="xspan">1&nbsp;56789012345</span><m>&#x2026;</m></span></div>
     67 <div class="test t2"><span class="xspan">xxxx<m>x</m></span></div>
     68 <div class="test t3"><span class="xspan">x<m>x</m></span></div>
     69 <div class="test t4"><span class="xspan">x<m>x</m></span></div>
     70 
     71 
     72 </body>
     73 </html>