Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Next-Gen App & Browser Testing Cloud

CSS Variables (Custom Properties) Browser Compatibility On Safari

Last updated on :2023-03-20

Note:
CSS Variables (Custom Properties) is Fully Supported on Safari. If you use CSS Variables (Custom Properties) on your website or web app, you can double-check that by testing your website’s URL on Safari with LambdaTest. The features should work fine.

Overview

CSS variables have been designed to permit more efficiency in the situations where you need to redefine a color, a font size, or any other common property across a whole set of documents.

Support on latest Safari

Here is the support for CSS Variables (Custom Properties) for the latest version of Safari.The latest version of Safari is Safari 16.4 for which it is fully supported.

Safari Safari version: 16.4
Fully Supported

Support on previous Safari versions

Here’s the support for CSS Variables (Custom Properties) across all versions of Safari:

 SafariSafari versions: 16.4-10
Fully Supported
 SafariSafari versions: 9.1-9.1
Partially supported
 SafariSafari versions: 9-3.2
Not supported

Debug Your Mobile Websites Faster With LT Browser!

Harness the power of Chromium-based engine to deliver responsive websites and web apps.

Try for free...
Join
Fully Supported

Browser Compatibility

Safari Safari
Fully Supported

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome
LT Browser

Test your website on 3000+ browsers

Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS Variables (Custom Properties) and many more web technologies that are a part of your website or web-application.

Why Test on Safari?

To make a right testing strategy it's important to understand how many users are actually using the Safari browser
To help you build the right browser testing matrix, here's the overall marketshare of both Safari browser the various versions.

TOP Safari BROWSERS (Jan 2021 - Jan 2022)

Browser Version

% Share

Release Date

Safari iPhone

14.64

2024-11-19

Safari 15.6

1.64

2024-11-19

Safari iPad

0.7

2024-11-19

Safari 16

0.5

2024-11-19

Safari 13.1

0.31

2024-11-19

Safari 14.1

0.31

2024-11-19

Other

2.2

-

Data Source: Statcounter.com

ALL DESKTOP BROWSERS (Jan 2021 - Jan 2022)

Browsers

% Share

Chrome

65.24

Safari

19.06

Edge

4.39

Firefox

3.07

Samsung Internet

2.7

Opera

2.5

Other

3.04

Data Source: Statcounter.com

Browser Support for CSS Variables (Custom Properties)

ChromeIE
Low

Browser Support For IE Versions

-
Fully
-
Partially
11-5.5
Not Supported
ChromeEdge
High

Browser Support For Edge Versions

111-16
Fully
15-15
Partially
14-12
Not Supported
ChromeFirefox
High

Browser Support For Firefox Versions

113-31
Fully
-
Partially
30-2
Not Supported
ChromeChrome
High

Browser Support For Chrome Versions

114-49
Fully
-
Partially
48-4
Not Supported
ChromeSafari
High

Browser Support For Safari Versions

16.4-10
Fully
9.1-9.1
Partially
9-3.2
Not Supported
ChromeOpera
High

Browser Support For Opera Versions

95-36
Fully
-
Partially
35-9.5
Not Supported
ChromeSafari on iOS
High

Browser Support For Safari on iOS Versions

16.4-10
Fully
9.3-9.3
Partially
9-3.2
Not Supported
ChromeAndroid Browser
High

Browser Support For Android Browser Versions

111-97
Fully
-
Partially
4-2.1
Not Supported
ChromeOpera Mobile
High

Browser Support For Opera Mobile Versions

73-64
Fully
-
Partially
12-10
Not Supported
ChromeChrome for Android
High

Browser Support For Chrome for Android Versions

111-97
Fully
-
Partially
-
Not Supported
ChromeFirefox for Android
High

Browser Support For Firefox for Android Versions

110-95
Fully
-
Partially
-
Not Supported
ChromeSamsung Internet
High

Browser Support For Samsung Internet Versions

20-5
Fully
-
Partially
4-4
Not Supported

About Safari

Safari is a popular web browser developed and maintained by the Apple Inc., and available for macOS, iOS, and iPadOS. It succeeded Internet Explorer for Mac as the default web browser for Macintosh computers. Yup, you got that right! Earlier macOS used to have Internet Explorer, but Safari changed that. A Windows compatible version of the Safari browser was also offered from 2007 to 2010.

The Safari browser is considered to be the best way to experience the Internet through an Apple devices. It brings robust customisation options, powerful privacy protections, and industry-leading battery life—so you can browse whenever and however you like. And no browser is faster than Safari.

How To Download Safari Browser?

To download the latest version of Safari, you can check the official Apple support.

Test Your Website On All Safari Browser Versions

Don’t worry about maintaining an in-house infrastructure to test your website across different Safari browser versions. Leverage the LambdaTest cloud and test how your website looks on a real device across all Safari browser versions, including Safari 10.

Safari Browser

Data sourced from

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome
LT Browser

Debug Your Mobile Websites Faster With LT Browser!

Harness the power of Chromium-based engine to deliver responsive websites and web apps.

Try for free...
Join

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful