Unprefixed text-emphasis properties

Category: CSS
Type: No developer-visible change
Status: Enabled by default (Chrome 99)
Intent stage: Shipped

Breaking change: No
Enterprise impact: None
Spec maturity: Published standard
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-text-decor Not fully testable because it's a rendering feature.

Summary

This feature introduces 'text-emphasis', 'text-emphasis-color', 'text-emphasis-position', and 'text-emphasis-style' CSS properties. They are unprefixed versions of '-webkit-text-emphasis', '-webkit-text-emphasis-color', '-webkit-text-emphasis-position', and '-webkit-text-emphasis-style'.

Standards & signals

Specification: https://drafts.csswg.org/css-text-decor/#emphasis-marks
Firefox: Shipped/Shipping
Safari: Shipped/Shipping
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=666433

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-text-decor
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+Unprefixed%20text-emphasis%20properties
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Unprefixed%20text-emphasis%20properties
Baseline status: https://webstatus.dev/?q=Unprefixed%20text-emphasis%20properties

Samples: https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis

View on chromestatus.com