Web platform 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.

Status

Limited availability

MDN documentation

text-box

Specifications

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

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 ❌ See bugzil.la/1816038 bugzil.la/1977183
Firefox for Android ❌
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 (12 months)

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
56

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

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