testing/web-platform/tests/css/css-inline/text-box-trim/text-box-trim-half-leading-inline-box-003.html

   1 <!DOCTYPE html>
   2 <title>Tests inline boxes are trimmed at text-over/text-under baselines</title>
   3 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#leading-trim">
   4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
   5 <link rel="match" href="text-box-trim-half-leading-inline-box-003-ref.html">
   6
   7 <style>
   8 div {
   9   border: 1px solid orange;
  10   font-size: 20px;
  11   line-height: 1;
  12   writing-mode:vertical-lr;
  13 }
  14
  15 span {
  16   border: 1px solid blue;
  17   border-top: 0;
  18   border-bottom: 0;
  19   font-family: Ahem;
  20   font-size: 20px;
  21   line-height: 3;
  22 }
  23 </style>
  24
  25 <div>
  26   <span style="text-box-trim:both">Test</span>
  27 </div>
  28 <div>
  29   <span style="text-box-trim:start">Test</span>
  30 </div>
  31 <div>
  32   <span style="text-box-trim:end">Test</span>
  33 </div>