Other Features

Other CSS features.

Variables
Completion percentage: 82.7% (9500)
Completion percentage: 82.7% (9500)

Export
Percents%
CountΣ

CSS Custom Properties for Cascading Variables is a CSS module that allows for the creation of custom properties that can be used over and over.

2019

2020

Have used it
Know about it
Never heard of it

@supports
Completion percentage: 82.9% (9530)
Completion percentage: 82.9% (9530)

Export
Percents%
CountΣ

The @supports CSS at-rule lets you specify declarations that depend on a browser's support for one or more specific CSS features. This is called a feature query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule.

2019

2020

Have used it
Know about it
Never heard of it

Contain
Completion percentage: 82.8% (9520)
Completion percentage: 82.8% (9520)

Export
Percents%
CountΣ

The contain CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.

2019

2020

Have used it
Know about it
Never heard of it
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Logical Properties

The humble CSS box is more dynamic every year, and for me 2020 was about logical sides, instead of physical sides. Free internationally contextual content flow, spacing and shorthands? pls & ty

We asked members of the CSS community to share their “pick of the year”

will-change
Completion percentage: 82.9% (9523)
Completion percentage: 82.9% (9523)

Export
Percents%
CountΣ

The will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed.

2019

2020

Have used it
Know about it
Never heard of it

calc()
Completion percentage: 83% (9533)
Completion percentage: 83% (9533)

Export
Percents%
CountΣ

2019

2020

Have used it
Know about it
Never heard of it

CSS Houdini
Completion percentage: 82.8% (9519)
Completion percentage: 82.8% (9519)

Export
Percents%
CountΣ

Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine.  Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.

2020

Have used it
Know about it
Never heard of it

CSS Comparison Functions
Completion percentage: 83.1% (9551)
Completion percentage: 83.1% (9551)

Export
Percents%
CountΣ

2020

Have used it
Know about it
Never heard of it

Recommended Resources

Advanced CSS Layouts

For the first time in the history of the web, CSS is graced with tools for laying out web pages without hacks.
Thanks to our partners for supporting us! Learn more.