Features implemented only in Safari

The following features are only implemented in Safari.

• Audio session

  Limited availability

  The navigator.audioSession API controls how audio playback interacts with other applications. For example, playing music can pause audio from other applications, while ambient audio can play at the same time.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• Audio and video tracks

  Limited availability

  The audioTracks and videoTracks APIs for media elements switch audio and video tracks during playback.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 8 Released on 2014-10-16
  • Safari on iOS 8 Released on 2014-09-17

• 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 Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • 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

• cross-fade()

  Limited availability

  The cross-fade() CSS function generates an image by mixing two images.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari 10 Released on 2016-09-20
  • Safari on iOS 9.3 Released on 2016-03-21

• CSS object model (DOM level 2)

  The DOM level 2 style specification defined interfaces to access and modify CSS styles, such as CSSValue and CSSPrimitiveValue, that were later excluded from the CSS object model.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 10 Released on 2016-09-20
  • Safari on iOS 10 Released on 2016-09-13

• filter()

  Limited availability

  The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, background: filter(url(image.png), blur(2px)).

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 9.1 Released on 2016-03-21
  • Safari on iOS 9.3 Released on 2016-03-21

• UI fonts

  Limited availability

  The ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for the font-family CSS property use device-default user interface fonts for text.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 13.1 Released on 2020-03-24
  • Safari on iOS 13.4 Released on 2020-03-24

• font-width

  Limited availability

  The font-width CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18.4 Released on 2025-03-31
  • Safari on iOS Not supported

• glyph-orientation-vertical

  The glyph-orientation-vertical CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 4 Released on 2009-06-08
  • Safari on iOS 3.2 Released on 2010-04-03

• Hanging punctuation

  Limited availability

  The hanging-punctuation CSS property puts punctuation characters outside of the box to align the text with the rest of the document.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 26.5 Released on 2026-05-11
  • Safari on iOS 26.5 Released on 2026-05-11

• alpha and colorspace attributes for <input type=color>

  Limited availability

  The ability to control the opacity of a color picked using <input type="color"> and determine the colorspace of the selected color.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 18.4 Released on 2025-03-31
  • Safari on iOS 18.4 Released on 2025-03-31

• Insertable streams for MediaStreamTrack

  Limited availability

  The MediaStreamTrackProcessor and MediaStreamTrackGenerator APIs modify the contents of a media track for merging streams, applying real-time effects like funny hats, and content overlays.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

• inverted-colors media query

  Limited availability

  The inverted-colors CSS media query sets styles based on whether the user has inverted all colors, such as with mobile accessibility settings.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position
  • Firefox for Android Not supported Position
  • Safari 9.1 Released on 2016-03-21
  • Safari on iOS 10 Released on 2016-09-13

• JPEG XL

  Limited availability

  The JPEG XL image format is a raster graphics file format that supports animation, alpha transparency, and lossy as well as lossless compression.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: neutral
  • Firefox for Android Not supported Position: neutral
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17 Released on 2023-09-18

• Managed media source

  Limited availability

  The ManagedMediaSource API is a MediaSource where the browser manages the memory of source buffers and may evict data if needed.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 17 Released on 2023-09-18
  • Safari on iOS 17.1 Released on 2023-10-25

• margin-trim

  Limited availability

  The margin-trim CSS property removes the margins of child elements when they meet the edges of the container.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: positive
  • Firefox for Android Not supported Position: positive
  • Safari 16.4 Released on 2023-03-27
  • Safari on iOS 16.4 Released on 2023-03-27

• mask-border

  Limited availability

  The mask-border CSS property sets how the edges of an element are masked. It is a shorthand for mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, and mask-border-width.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 17.2 Released on 2023-12-11
  • Safari on iOS 17.2 Released on 2023-12-11

• MediaController

  The playback of multiple <video> or <audio> elements can be coordinated by a MediaController instance, for example to synchronize a sign-language interpreter track with the main video track.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 7 Released on 2013-10-22
  • Safari on iOS 7 Released on 2013-09-18

• Private click measurement

  Limited availability

  The attributionsourceid and attributiondestination attributes for <a> elements measure clicks across websites without associating a click to a specific session. Not to be confused with attribution reporting. Also known as PCM.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported Position: defer
  • Firefox for Android Not supported Position: defer
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

• random()

  Limited availability

  The random() CSS function chooses a random numeric value within a specified range. This allows for dynamic, randomized styling using CSS.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • 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

• ruby-overhang

  Limited availability

  The ruby-overhang CSS property sets whether ruby annotations may overlap adjacent text.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • 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

• speak-as

  Limited availability

  The speak-as CSS property sets how any element's content is spoken. Not to be confused with the speak-as descriptor of @counter-style at-rules.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 11.1 Released on 2018-04-12
  • Safari on iOS 11.3 Released on 2018-03-29

• SVG 1.1

  The SVG 1.1 image format has several components that were excluded from SVG 2, such as fonts, alternate glyphs, and the xlink namespace.

  Learn more

  • Chrome Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari ≤13.1 Released before 2020-03-24
  • Safari on iOS ≤13.4 Released before 2020-03-24

• 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 Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • 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

• 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 Not supported
  • Chrome Android Not supported
  • Edge Not supported
  • 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