text-box-trim-accumulation-001.html

<!DOCTYPE html>
<title>Test choosing the innermost for `text-box-trim` for requested trim metric</title>
<link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge">
<link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim">
<meta name="assert"
      content="If multiple ancestors specify trimming on the same line box,
               the text-box-edge value used is that of the innermost block container
               that requests trimming on that side of the line box."
> <!-- https://github.com/w3c/csswg-drafts/issues/5426 -->
<link rel="match" href="text-box-trim-start-001-ref.html?class=text">
<style>
@import "support/MetricsTestFont.css";

.spacer {
  block-size: 100px;
  background: lightgray;
}
.target {
  font: 100px/2 MetricsTestFont;
}
.target, .outer {
  text-box-trim: trim-start;
}
.outer, .inner {
  text-box-edge: text;
}
</style>
<div class="spacer"></div>
<div class="outer">
  <div class="target">
    <div class="inner">ApÉx</div>
  </div>
</div>
<div class="spacer"></div>

chromium/third_party/blink/web_tests/external/wpt/css/css-inline/text-box-trim/text-box-trim-accumulation-001.html