Checking CSS property support

There are some fairly old properties in CSS that are supported in all browsers, and there are new properties that will only be supported in the newest browsers, and not even in all of them.

When you are coding, you must decide whether a given property can already be used. There is a special rule for this: if the property is not supported in browsers that are used by less than one percent of users, then the property can be used.

There are nuances here, however. After all, there are properties, the lack of support for which will lead to the collapse of the site layout, for example, flexboxes. And there are properties, the functionality of which is not very critical. For example, non-working hyphens hyphens will not make the site much worse.

To check the support of the property by browsers, you need to use the service caniuse.com. It shows the support of the property by each version of all browsers, as well as the percentage of users who use each version.

With this data, you can judge whether a property can be used anymore. Also, some properties may still be under vendor prefixes in some browser versions that users are still using. You should pay attention to this as well.