New features in Chrome 150 (released on 2026-06-30)

• background-clip: border-area

  Limited availability

  The background-clip: border-area CSS declaration draws the background underneath only the border of an element.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18.2 Released on 2024-12-11
  • Safari on iOS 18.2 Released on 2024-12-11

  Baseline availability blocked since July 2026 by Firefox (0 months)

• light-dark() image values

  Limited availability

  The light-dark() CSS function accepts, in addition to colors, two <image> values, such as a gradient or URL, and uses one depending on the current color scheme.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox 150 Released on 2026-04-21
  • Firefox for Android 150 Released on 2026-04-21
  • Safari Not supported
  • Safari on iOS Not supported

  Baseline availability blocked since July 2026 by Safari (0 months)

• Lazy-loading media

  Limited availability

  The loading="lazy" attribute for <video> and <audio> elements defers loading the media resource until the element is near the viewport. This matches the lazy-loading behavior for <img> and <iframe> elements.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• text-fit

  Limited availability

  The text-fit CSS property scales text to fill the inline size of its container. You can use this to grow or shrink headlines, captions, or pull quotes to fit a container.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• cross-origin() for url()

  Limited availability

  The url() CSS function accepts a cross-origin() modifier to control cross-origin resource sharing (CORS) when requesting the URL. For example, url("https://example.com" cross-origin(anonymous))) does not send credentials to the URL.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26.2 Released on 2025-12-12
  • Safari on iOS 26.2 Released on 2025-12-12

  Baseline availability blocked since July 2026 by Firefox (0 months)

• integrity() for url()

  Limited availability

  The url() CSS function accepts an integrity() modifier to use subresource integrity to verify the response from the requested URL.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported
  • Safari on iOS Not supported

• referrer-policy() for url()

  Limited availability

  The url() CSS function accepts a referrer-policy() modifier to choose which referrer to send when requesting the URL. For example, `url("https://example.com" referrer-policy(no-referrer)) does not send a referrer to the URL.

  Learn more

  • Chrome 150 Released on 2026-06-30
  • Chrome Android 150 Released on 2026-06-30
  • Edge 150 Released on 2026-07-02
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26.2 Released on 2025-12-12
  • Safari on iOS 26.2 Released on 2025-12-12

  Baseline availability blocked since July 2026 by Firefox (0 months)