Safari Technology Preview 246 widens color, images and attr()

Short summary

Safari Technology Preview 246 introduces several CSS improvements: light-dark() now handles images for theme switching, image(<color>) eliminates placeholder workarounds, and attr() can read from pseudo-element originating elements. Two typography features—font-variant-emoji and word-break: auto-phrase—are preview-only. Developers should use @supports queries before shipping to production.

• •light-dark() and image() expand CSS capabilities for theme-aware images and color swatches
• •attr() now works on pseudo-elements with complex originating elements
• •Two typography features (font-variant-emoji, word-break: auto-phrase) are preview-stage only

Generated with AI, which can make mistakes.