*Summary*: The text-box-trim <https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box-trim> and text-box-edge <https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box-edge> CSS properties (and associated text-box <https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box> shorthand) allows authors to control the leading space above and below text, enabling simpler and consistent vertical spacing and alignment.
We intend to enable these functions in *Firefox Nightly* builds behind the *layout.css.text-box.enabled* pref. *Note that this feature is still in development. Block trimming <https://bugzilla.mozilla.org/show_bug.cgi?id=2048425> and inline box trimming <https://bugzilla.mozilla.org/show_bug.cgi?id=2048426> is implemented, but multi-column support <https://bugzilla.mozilla.org/show_bug.cgi?id=2048427> is still in progress.* *Bug*s: Bug 1816038 - [css-inline-3] Implement `text-box-trim` (formerly `leading-trim`) <https://bugzilla.mozilla.org/show_bug.cgi?id=1816038> *Specification*: https://drafts.csswg.org/css-inline-3/#text-box-trim *Standards Body*: CSSWG / W3C *Platform Coverage*: All *Preference*: *layout.css.text-box.enabled* — Bug 2050138 <https://bugzilla.mozilla.org/show_bug.cgi?id=2050138> to enable in Nightly *DevTools Bug*: N/A *Extensions Bug*: N/A *Use Counter*: css_text_box_edge and css_text_box_trim <https://searchfox.org/firefox-main/source/dom/base/use_counter_metrics.yaml#20698-20730> *Standards-Positions Discussion*: https://github.com/mozilla/standards-positions/issues/1105 — Positive *Other Browsers*: - Blink: Shipped since Chrome 133 (note: missing inline box trimming support and ideographic / ideographic-ink support) - WebKit: Shipped since Safari 18.2 (note: missing multi-column support and ideographic / ideographic-ink support) *web-platform-tests*: https://wpt.fyi/results/css/css-inline/text-box-trim - Existing test suite is being amended to add tests for inline box trimming, trim propagation into block formatting contexts, and ideographic / ideographic-ink edges. -- You received this message because you are subscribed to the Google Groups "[email protected]" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/cd756a91-c8d4-4189-bbbf-69ee63ddfaa5n%40mozilla.org.
