text-box-edge
Works with 'text-box-trim' to define which metric (like the 'cap height' or 'alphabetic' baseline) should be used as the boundary when trimming the space around a block of text.
It is documented as part of the CSS Inline specification.
Syntax
/* Usage Example */
h1 {
text-box-trim: both;
/* Trims the box exactly to the top of the capital letters and the bottom of the baseline */
text-box-edge: cap alphabetic;
}
/* Syntax */
text-box-edge: auto;
/* Global values */
text-box-edge: inherit;
text-box-edge: initial;
text-box-edge: revert;
text-box-edge: revert-layer;
text-box-edge: unset;text-box-edge Browser support
Limited availability
Since
2020 80% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
133+
18.2+
133+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more