<text-edge>

A value type used with 'text-box-edge' to define which lines of the font (like the top of capital letters, the x-height, or the baseline) should be used as the boundaries for trimming.

Quick example

.custom-trimmed-box {
  text-box-trim: both;
  /* Uses the x-height (top of lowercase 'x') and alphabetic baseline as the trim edges */
  text-box-edge: ex alphabetic;
}

<text-edge> Browser Support

Limited availability 80% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

133+
18.2+
133+
ESC