← Back to release summary

CSS cap and rcap font units

Category

Miscellaneous

Type

Chromium catches up

Status

Enabled by default (Chrome 117)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Chromium flag: CSSCapFontUnits
• Spec maturity: Working draft
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/css/css-values/cap-invalidation.html https://wpt.fyi/css/css-contain/container-queries/font-relative-units-dynamic.html https://wpt.fyi/css/css-values/cap-unit-001.html

Summary

'cap' is equal to the used cap-height of the first available font. 'rcap' is equal to the value of the cap unit on the root element.

Standards & signals

• Specification: https://www.w3.org/TR/css-values-4/#cap
• Firefox: Shipped/Shipping
• Safari: Support
• Web developers: No signals

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-values
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+CSS%20cap%20and%20rcap%20font%20units
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=CSS%20cap%20and%20rcap%20font%20units
• Baseline status: https://webstatus.dev/?q=CSS%20cap%20and%20rcap%20font%20units

View on chromestatus.com