Web platform features explorer - text-box

Web platform features explorer

Tags: css Groups: CSS > Text

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.

Learning resources on MDN

text-box

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 ❌
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 (3 months)

Usage (according to Chrome Platform Status)

~0.671% of page loads. More data at chromestatus.

Specifications

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

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature