tor-browser

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

text-box-trim-height-001.html (1061B)


      1 <!DOCTYPE html>
      2 <title>text-box-trim does not interfere with height and vice versa (start edge)</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 <link rel="match" href="text-box-trim-height-001-ref.html">
      6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      7 <style>
      8 .spacer {
      9  background: lightgray;
     10  block-size: 20px;
     11 }
     12 .target {
     13  font: 100px/2 Ahem;
     14  text-box-trim: trim-both;
     15  text-box-edge: text alphabetic;
     16 }
     17 
     18 .height > .target {
     19  height: 120px;
     20 }
     21 
     22 .min-height > .target {
     23  min-height: 120px;
     24 }
     25 
     26 .max-height > .target {
     27  max-height: 10px;
     28 }
     29 </style>
     30 
     31 <div class="height">
     32  <div class="spacer"></div>
     33  <div class="target">ApÉx</div>
     34  <div class="spacer"></div>
     35 </div>
     36 
     37 <div class="min-height">
     38  <div class="spacer"></div>
     39  <div class="target">ApÉx</div>
     40  <div class="spacer"></div>
     41 </div>
     42 
     43 <div class="max-height">
     44  <div class="spacer"></div>
     45  <div class="target">ApÉx</div>
     46  <div class="spacer"></div>
     47 </div>