BASELINE NowYouCanUse.com
Limited Availability Text
id: text-box

text-box

The text-box CSS property sets the spacing above and below text based on a font's typographic features. For example, text-box: trim-both ex alphabetic trims the top to the top of the letter x and the bottom to the bottom of most letters, without descenders.
Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.
Desktop Browser Engine Support
Google Chrome
133
Supported
Mozilla Firefox
—
Unsupported
Apple Safari
18.2
Supported
Microsoft Edge
133
Supported
Mobile Browser Engine Support
Chrome Android
133
Firefox Android
—
Safari iOS
18.2
Specifications and References
Specification ↗ Can I Use (css-text-box-trim) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.text-box ↗ css.properties.text-box-edge ↗ css.properties.text-box-edge.auto ↗ css.properties.text-box-trim ↗ css.properties.text-box-trim.none ↗ css.properties.text-box-trim.trim-both ↗ css.properties.text-box-trim.trim-end ↗ css.properties.text-box-trim.trim-start ↗ css.properties.text-box.normal ↗ css.types.text-edge ↗ css.types.text-edge.alphabetic ↗ css.types.text-edge.cap ↗ css.types.text-edge.ex ↗ css.types.text-edge.text ↗