Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

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

Start free with Google Start free with Email

CSS at-rule: `@property` Browser Compatibility On Safari

The @property CSS at-rule is part of the CSS Houdini umbrella of APIs, it allows developers to explicitly define their css custom properties, allowing for property type checking, setting default values, and define whether a property can inherit values or not. The @property rule represents a custom property registration directly in a stylesheet without having to run any JS. Valid @property rules result in a registered custom property, as if CSS.registerProperty had been called with equivalent parameters.

Last updated on : 2022-07-01

Support for CSS at-rule: `@property` on all Safari versions

Here’s the support for CSS at-rule: `@property` across all versions of Safari:

Safari versions: 15.4-3.2

Not supported

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-12-13

Safari 15.6

1.64

2024-12-13

Safari iPad

0.7

2024-12-13

Safari 16

0.5

2024-12-13

Safari 13.1

0.31

2024-12-13

Safari 14.1

0.31

2024-12-13

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 Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 98

2 - 99

4 - 101

3.2 - 15.4

9.5 - 83

Fully Supported

Partially

No Support

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.

Resources:

Data sourced from

Latest Safari version: 15.4

Not Supported

CSS at-rule: `@property` is Not Supported in Safari. To ensure it works seamlessly on your website or web app, test your site’s URL on Safari using LambdaTest.

Test on 3000+ browsers for CSS at-rule: `@property` & more

Test your website on Safari and other browsers for CSS at-rule: `@property` and more. Get 100 FREE automation test minutes!

Test Now