Text-box-trim

[kojiishi]

Description

Text-box-trim specifies whether and how browsers should remove vertical spacings above and below the text content from the first and last lines of block text. This feature allows developers to have precise control over spacing, and ensures font metrics are respected during layout in terms of spacing.

Past proposals

• Interop 2024 proposal
• Interop 2023 proposal

Specification

https://www.w3.org/TR/css-inline-3/#propdef-text-box-trim

Additional Signals

Standards Positions

• Gecko: No information
• WebKit: implemented in Safari Technology Preview

Tests

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

Browser Bugs

• Chromium bug (32 stars)

Developer Surveys

• State of CSS 2023 - text-box-trim was mentioned by 5% of users that responded to the missing features question - https://2023.stateofcss.com/en-US/usage/#css_missing_features
• Low signals from 2022
  • CSS leading-trim #155 (comment)
  • CSS leading-trim #155 (comment)

Additional Signals

[jonrimmer]

There was a popular article published earlier this year that touched on the problems this property would help solve: Hardest Problem in Computer Science: Centering Things

[jensimmons]

"Additional Signals, WebKit: No information" is incorrect.

This is an area where Apple has been leading. We were first to implement. We presented this feature at WWDC23. We've had a complete feature on by default in Safari Technology Preview for more than a year, refining it as we helped push the final details through the standards process.