Intent to Prototype: CSS Text Level 3 text-transform: full-width

[Chromestatus]

Contact emails

felip...@igalia.com

Explainer

None

Specification

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

Summary

Add the full-width value to the text-transform property. This value transforms ASCII characters and specific symbols into their full-width Unicode variants, so they visually align with ideographic characters. It is typically used in Japanese, Chinese, or Korean typesetting where uniform character width is expected.

Blink component

Blink>Layout

Motivation

Implementing text-transform: full-width simplifies styling, improves interoperability across browsers, and allows CSS to better support existing typographic conventions in Japanese, Chinese, and Korean publishing. Without it, developers must manually replace characters with their full-width Unicode equivalents (e.g., via JavaScript or server-side rendering) when typesetting Latin text in East Asian languages. This is error-prone, inconsistent, and complicates localization workflows.

Initial public proposal

None

TAG review

None

TAG review status

Not applicable

Risks

Interoperability and Compatibility

None

Gecko: Shipped/Shipping

WebKit: Shipped/Shipping

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

None

Is this feature fully tested by web-platform-tests?

Yes

https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-001.xht https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-002.xht https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-004.xht https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-005.xht https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-006.html https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-007.html https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-008.html https://wpt.fyi/results/css/css-text/text-transform/text-transform-fullwidth-009.html

Flag name on about://flags

None

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/41297237

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5185842163351552?gate=5114004439695360

This intent message was generated by Chrome Platform Status.