tor-browser

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

text-box-trim-dynamic-001.html (806B)

      1 <!DOCTYPE html>
      2 <html class=reftest-wait>
      3 <title>Dynamically adding text-box-trim</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim">
      5 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge">
      6 <link rel="match" href="text-box-trim-dynamic-001-ref.html">
      7 <style>
      8 @import "support/MetricsTestFont.css";
      9 
     10 .spacer {
     11  background: lightgray;
     12  block-size: 100px;
     13 }
     14 .target {
     15  font: 100px/2 MetricsTestFont;
     16  text-box-edge: ex alphabetic;
     17 }
     18 .trim { text-box-trim: trim-both; }
     19 </style>
     20 <div class="spacer"></div>
     21 <div class="target">ApÉx</div>
     22 <div class="spacer"></div>
     23 <script>
     24 document.body.offsetTop;
     25 for (const target of document.getElementsByClassName('target')) {
     26  target.classList.add('trim');
     27 }
     28 document.documentElement.className = "";
     29 </script>