tor-browser

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

text-box-trim-accumulation-003.html (865B)

      1 <!DOCTYPE html>
      2 <title>Test trimming both sides of the inline content</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim">
      4 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge">
      5 <meta name="assert"
      6      content="text-box-trim values set by multiple ancestors accumulate instead
      7               of overwrite each other."
      8 >
      9 <link rel="match" href="text-box-trim-accumulation-003-ref.html">
     10 <style>
     11 @import "support/MetricsTestFont.css";
     12 
     13 .spacer {
     14  block-size: 100px;
     15  background: lightgray;
     16 }
     17 
     18 .outer {
     19  text-box-trim: trim-end;
     20 }
     21 
     22 .middle {
     23  text-box-trim: trim-start;
     24  text-box-edge: ex alphabetic;
     25 }
     26 
     27 .inner {
     28  font: 100px/1 MetricsTestFont;
     29 }
     30 </style>
     31 <div class="spacer"></div>
     32 <div class="outer">
     33  <div class="middle">
     34    <div class="inner">ApÉx</div>
     35  </div>
     36 </div>
     37 <div class="spacer"></div>