KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

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 Google Chrome

Last updated on :2022-07-01

Note:

CSS at-rule: `@property` is Not Supported on Google Chrome. If you use CSS at-rule: `@property` on your website or web app, you can double-check that by testing your website’s URL on Google Chrome with LambdaTest. The features should work fine.

Overview

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.

Support on latest Chrome

Here is the support for CSS at-rule: `@property` for the latest version of Chrome.The latest version of Chrome is Chrome 101 for which it is fully supported.

Chrome version: 101

Not Supported

Support on previous Chrome versions

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

Chrome versions: 101-4

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

Not Supported

Browser Compatibility

Google Chrome

Not Supported

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome

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 at-rule: `@property` and many more web technologies that are a part of your website or web-application.

Test Now

Why Test on Chrome?

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

TOP Chrome BROWSERS (Jan 2021 - Jan 2022)

Browser Version

% Share

Release Date

Chrome for Android

37.78

2022-01-02

Chrome 106

15.63

2024-11-19

Chrome 105

6.38

2024-11-19

Chrome for iPhone

1.71

2024-11-19

Chrome 103

0.43

2024-11-19

Chrome 104

0.43

2024-11-19

Other

3.99

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 at-rule: `@property`

Low

Browser Support For IE Versions

Fully

Partially

11-5.5

Not Supported

Edge

Low

Browser Support For Edge Versions

Fully

Partially

98-12

Not Supported

Firefox

Low

Browser Support For Firefox Versions

Fully

Partially

99-2

Not Supported

Chrome

Low

Browser Support For Chrome Versions

Fully

Partially

101-4

Not Supported

Safari

Low

Browser Support For Safari Versions

Fully

Partially

15.4-3.2

Not Supported

Opera

Low

Browser Support For Opera Versions

Fully

Partially

83-9.5

Not Supported

Safari on iOS

Low

Browser Support For Safari on iOS Versions

Fully

Partially

15.4-3.2

Not Supported

Android Browser

Low

Browser Support For Android Browser Versions

Fully

Partially

98-2.3

Not Supported

Opera Mobile

Low

Browser Support For Opera Mobile Versions

Fully

Partially

64-10

Not Supported

Chrome for Android

Low

Browser Support For Chrome for Android Versions

Fully

Partially

98-97

Not Supported

Firefox for Android

Low

Browser Support For Firefox for Android Versions

Fully

Partially

96-95

Not Supported

Samsung Internet

Low

Browser Support For Samsung Internet Versions

Fully

Partially

16-4

Not Supported

About Google Chrome

Google Chrome is a web browser developed by Google. It is available for Windows, macOS, Linux, iOS and Android. Google Chrome was first released in 2008, built with free software components from Apple WebKit and Mozilla Firefox. Google Chrome has dominated the browser market share and stand on top when it comes to browser usage.

Google Chrome is based on Chromium, an open-source and free web browser. Chromium is managed by the Chromium Project and developers of the project have full rights to change the source code. But, Google Chrome has added some proprietary features; for example, it installs updates automatically and supports additional video formats.

Thanks to Chromium being open-source, many popular browsers have switched from their respective rendering engine to Chromium. That has eased the life of developers and testers globally by mitigating browser compatibility challenges.