Web features explorer - text-box

Web features explorer

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.

Browser support (view on caniuse.com)

Chrome 133 Released on 2025-02-04
Chrome Android 133 Released on 2025-02-04
Edge 133 Released on 2025-02-06
Firefox Not supported Bugs: 1816038 1977183
Firefox for Android Not supported
Safari 18.2 Released on 2024-12-11
Safari on iOS 18.2 Released on 2024-12-11

Baseline availability blocked since February 2025 by Firefox (17 months)

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

`text-box` CSS property

Specifications

CSS Inline Layout Module Level 3 (#leading-trim), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~0.971% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist