text-box-trim

[nileshprajapati]

Description

The text-box-trim property allows trimming this additional space above and below the first and last lines of a block, allowing more precise control over spacing around the glyphs. Moreover, by relying on font metrics rather than hard-coded lengths, it allows content to be resized, rewrapped, and rendered in a variety of fonts while maintaining that spacing.

Specification

https://www.w3.org/TR/css-inline-3/

Open Issues

No response

Tests

https://wpt.fyi/results/css/css-inline/text-box-trim?label=master&label=experimental&aligned

Current Implementations

• Blink
• Gecko
• WebKit

Standards Positions

No response

Browser bug reports

No response

Developer discussions

No response

Polls & Surveys

No response

Existing Usage

No response

Workarounds

No response

Accessibility Impact

No response

Privacy Impact

No response

Other

No response

[gsnedders]

Previously proposed in #155 (albeit since renamed).

[jlarmstrongiv]

This proposal also benefits designers, whose design tools already support leading-trim:

• Figma
• Sketch with baseline alignment

According to designers—unfortunately, without browser support, the design tool support of vertical trim is not only useless, but also causes more work for the developer.

Chrome has Intent to Prototype, and Google fonts references the upcoming leading-trim feature too.

[nileshprajapati]

Intent to Prototype: CSS text-box-trim and text-box-edge
https://groups.google.com/a/chromium.org/g/blink-dev/c/Sn8TF5KHrRU/m/ldJKnA0MAgAJ

[wpt-interop]

Thank you for proposing text-box-trim for inclusion in Interop 2024.

We wanted to let you know that this proposal was not selected to be part of Interop this year.

As of the deadline, the specifications for text-box-trim were not yet complete enough to allow interoperable implementations. To make progress on this area in the future, it will first be necessary to ensure that the feature has a clear specification in a standards track document.

For an overview of our process, see proposal selection. Thank you again for contributing to Interop 2024!

Posted on behalf of the Interop team.