Μετάβαση στο περιεχόμενο

State of CSS 2026

Λειτουργίες

It's no secret that CSS is adding new features at a record rate – which is why we ended up asking about no less than 50 of them this year!
46
Total number of features in this year's shortened survey, compared to 63 in 2025.

All Features

:has(), aspect-ratio, and CSS Nesting are both the most-used and most-loved features mentioned in the survey.

Meanwhile, line-clamp once again got a lot of comments, most of them asking for a non-prefixed version of the feature. CSS Nesting also received its share of feedback, but unlike line-clamp almost all of it was positive.

The least-used features were Gap decorations and if(), no doubt due to limited browser support.

Speaking of browser support, one way to predict what CSS has in store for us is to look at the most-loved features with a “Limited Availability” Baseline status. In this case, both calc-size() and Anchor Positioning are being awaited with a lot of anticipation!

Category:

Baseline Status:

Group by:

Sort by:

1
Other Features
83.7%
12.3%
3.8%
3,822
2
Διάταξη
81.3%
12.3%
5.9%
4,244
3
Other Features
70.6%
23.8%
5.1%
3,820
4
Αλληλεπιδράσεις
68.2%
18.3%
12.7%
4,208
5
Διάταξη
59.8%
24.7%
15%
4,240

Εμπειρία

  • Το έχω χρησιμοποιήσει: Respondents who have used an item.
  • Το έχω ακουστά: Respondents who have heard about an item, but haven't used it.
  • Δεν το έχω ακουστά: Respondents who have never heard about an item.

Γνώμη

  • Θετική: Συμμετέχοντες οι οποίοι ενδιαφέρονται να μάθουν περισσότερα για μία τεχνολογία, ή θα ήθελαν να την ξαναχρησιμοποιήσουν.
  • Ουδέτερη: Συμμετέχοντες οι οποίοι δεν έδειξαν κάποιο συναίσθημα για μία τεχνολογία.
  • Αρνητική: Συμμετέχοντες οι οποίοι δεν ενδιαφέρονται να μάθουν περισσότερα για μία τεχνολογία, ή την έχουν χρησιμοποιήσει και είχαν αρνητική εμπειρία.
“Used” average:31%%
“Positive” average:41%%
“Negative” average:3%%
22%
Year-over-year percentage increase in respondents who had heard about sibling-count().

Features Over Time

The fact that even with limited browser support, Anchor Positioning is still the item with the single largest year-over-year usage increase (+15%) goes to show how much developers have been waiting for this feature.

Looking a awareness, the feature boasting the largest increase (+23%) is sibling-count, which will hopefully soon be supported in all major browsers.

It's also always interesting to look at items with low appreciation. For example, contrast-color()'s -13% ratio means that positivty among respondents who have actually used the feature is that much lower than the same metric among those that have merely heard about it.

Usage:

Proportion of respondents having used an item

Filters:

0%
20%
40%
60%
80%
100%
2024
2025
2026
0%
20%
40%
60%
80%
100%
:has()
aspect-ratio
CSS Nesting
scroll-behavior
Viewport-Relative Units
CSS Logical Properties
@supports
@container size queries
:where()
color-scheme

Reading List

The Reading List lets respondents save items to learn about them after completing the survey. Gap decorations was saved by 55% of all respondents, which makes sense as it promises to solve a common pain point that currently requires a lot of cumbersome workarounds.
0%
20%
40%
60%
80%
100%
01
1,823
02
1,756
03
1,691
04
1,653
05
+2
1,618
06
+2
1,591
07
1,532
08
-4
1,513
09
1,505
10
+6
1,469
0%
20%
40%
60%
80%
100%
% of question respondents
How many time each item was added to respondent's Reading List, a feature that lets people learn more about specific topics as they take the survey.
3,346
68%
20
10

Recommended Resources

Ultimate CSS Grid & Layout Techniques, v3
Jen Kramer
AnnieCannons

Ultimate CSS Grid & Layout Techniques, v3

CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. With its two-dimensional structure, precise positioning, and overlapping elements, you’ll learn to achieve complex layouts with minimal code.
CSS Animations and Transitions
David Khourshid
Microsoft

CSS Animations and Transitions

Learn CSS animation basics and transition to advanced concepts like orchestration and choreography.
Thanks to our partners for supporting us! Learn more.