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 ❌ See bugzil.la/1656784
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 (26 months)

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
4

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

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