Skip to content

State of CSS 2022

[el-GR] general.back_to_intro

Other Features

Other CSS features.

CSS Variables (Custom Properties)

Comments9
Compare Data
10788 question respondents (75.4% completion percentage)
Never heard of it
Know about it
Have used it
We asked members of the CSS community to share their “pick of the year”

My 2022 Pick: The :has() Selector

CSS just because even stronger at orchestrating UI interaction across components. We've barely scratched the surface of the impact of :has() on our styles.

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

Adam Argyle

UI/CSS DevRel at Google

@supports

Comments4
Compare Data
10757 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

will-change

Comments16
Compare Data
10734 question respondents (75.1% completion percentage)
Never heard of it
Know about it
Have used it

CSS Comparison Functions

Comments17
Compare Data
10760 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

@property

Comments15
Compare Data
10759 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

Cascade Layers

Comments14
Compare Data
10742 question respondents (75.1% completion percentage)
Never heard of it
Know about it
Have used it

Shadow DOM Features

Comments9
Compare Data
10130 question respondents (70.8% completion percentage)
Never heard of it
Know about it
Have used it

Trigonometric Functions

Comments17
Compare Data
10758 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

CSS Nesting

Comments60
Compare Data
Native CSS nesting, excluding pre- or post-processors.
10759 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

image-set()

Comments12
Compare Data
10745 question respondents (75.1% completion percentage)
Never heard of it
Know about it
Have used it

image()

Comments6
Compare Data
10755 question respondents (75.2% completion percentage)
Never heard of it
Know about it
Have used it

Recommended Resources

Dynamic CSS with Custom Properties (aka CSS Variables)
Lea Verou
MIT

Dynamic CSS with Custom Properties (aka CSS Variables)

Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
Thanks to our partners for supporting us! Learn more.