Web platform features explorer - background-clip: text

The background-clip: text CSS declaration draws the background underneath only the text in the element.

Status

Limited availability

MDN documentation

background-clip

Specifications

CSS Backgrounds Module Level 4 (#background-clip), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 120 Released on 2023-12-05
Chrome Android 120 Released on 2023-12-05
Edge 120 Released on 2023-12-07
Firefox ❌
Firefox for Android ❌
Safari 14 Released on 2020-09-16
Safari on iOS 14 Released on 2020-09-16

Baseline availability blocked since December 2023 by Firefox (24 months)

Usage (according to Chrome Platform Status)

~41.763% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 2

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist