Ugrás a tartalomhoz

State of CSS 2026

A CSS használata

Hogyan használod a CSS-t.

Tesztelési környezetek

Testing environments don't show much change compared to last year, with accessibility testing still not as common as it should be.
Milyen felbontásokat és tesztelési környezetet szoktál használni teszteléshez?
Multiple
0%
20%
40%
60%
80%
100%
01
Asztali számítógép
3,774
02
Okostelefon
2,510
03
Tablet
1,570
04
Asztali számítógép csak billentyűzettel
1,300
05
Tesztelői eszközök (Axe, Lighthouse, stb.)
1,054
06
Hagyományos mobiltelefon
1,030
07
Képernyőolvasó
799
08
Nyomtató
477
09
PDF Export
306
10
Alternatív látás szimulátor (színvakság, stb.)
262
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,781
77%
10
26%
Percentage of survey respondents who do not generate any CSS code using AI whatsoever.

CSS AI Code Generation
✨

What's fascinating about this chart is that it looks completely different from a similar question asked in the State of AI or State of JS surveys. Comments on this question point to the fact that AI isn't great at CSS just yet. Time will tell if this is just a temporary limitation, or if we will one day have AI so powerful it's even able to fully grasp how CSS grid layouts work.

What proportion of the CSS code you produce is AI-generated?
0%
20%
40%
60%
80%
100%
1
0% AI
980
2
|
941
3
|
562
4
|
206
5
50%
322
6
|
157
7
|
312
8
|
188
9
100% AI
64
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,732
76%
28%
13%
10
💡
Tudományosan bizonyított, hogy ha ezt a felméréest megosztod Twitteren, Facebookon, vagy emailben, akár 15%-kal javulhat a kódolási teljesítményed.

Böngésző inkompatilibitás

Anchor Positioning and the View Transition API are still the features respondents are refraining from using the most due to browser issues.

It's also interesting to note that Container size queries and Grid still show up in this chart, despite both having the Widely Available Baseline status.

Vannak olyan funkciói a CSS-nek amit nehéz használni a böngészők közötti különbségek miatt?
(szabad formátumú válasz)
Multiple
0%
20%
40%
60%
80%
100%
01
02
+1
03
-1
04
05
06
07
08
+1
09
-2
10
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
632
13%
20
10

Hiányzó funkciók

While we're still waiting for Mixins to make their way to CSS, browser vendors did address our pleas for Masonry Layout, last year's number two most-requested feature, in the form of the new display: grid-lanes syntax.
Mely funkciók hiányoznak jelenleg a CSS-ből teljes egészében a véleményed szerint?
Multiple
Top missing features overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
01
Mixins
02
Form Elements Styling
+5
03
Input element issues
1
04
Animations
2
05
Browser vendor issues
1
06
Typography
07
CSS layout issues
1
08
Control Flow
2
09
Tooling
10
Media Query Variables
+2
11
+10
12
css_abstractions
13
Reliance on JavaScript
14
15
Wrapping Detection
16
Element sizing
17
Positioning
18
+8
19
Theming
20
CSS Reset and/or better defaults
21
Contrast issues
1
22
23
CSS Regions
+1
24
author_defined_state
25
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
436
9%
25
5

Favorite New Feature

:has() may still be as awesome as ever, but with many developers having already used it for over a year, it has lost its “best new feature” crown to Anchor Positioning, which gained 4 ranks to take the top spot.
What are your favorite new CSS features that you started using this year?
Multiple
Limited
3
Top pain point topics corresponding to specific web platform features.

View:

Items tagged “features”
0%
20%
40%
60%
80%
100%
01
+4
02
-1
03
04
-2
05
+3
06
07
08
+2
09
-2
10
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
913
19%
25
5

Pace of Change

If you feel behind because you haven't used every single new CSS feature that's come out this year, don't. As this chart shows, most respondents are in in the middle of their feature adoption curves, having only learned about and tried out some of the features included in the survey.

How well are you generally able to keep up with new CSS features, such as those mentioned in this survey?
0%
20%
40%
60%
80%
100%
1
I haven't learned about or tried out most features
533
2
I've learned about some of the features; but haven't tried them out
936
3
I've learned about and tried out some of the features
1,144
4
I've learned about most of the features and tried out some of them
798
5
I've learned about and tried out most of the features
290
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,701
76%
2.8
3
10

Megelégedettség a webes technológiákkal

Respondents were relatively happy with the state of web technologies in general, maintaining a 3.8 average on a 5-point scale.
Mennyire vagy megelégedve a jelenlegi webes technológiákkal?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
2026
1
2
3
4
5
Átlag {axis}
3,737
76%
3.8
4
10

CSS állapota

On the other hand, happiness with CSS specifically shows a clear upwards trend in recent years, which happens to align nicely with the language's own rapid pace of improvement.
Mennyire vagy megelégedve a CSS jelenlegi állapotával?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
2026
1
2
3
4
5
Átlag {axis}
3,747
76%
4
4
10

Ajánlott források

Getting Started with CSS, v2
Jen Kramer
AnnieCannons

Getting Started with CSS, v2

Build a modern portfolio with CSS! Learn the foundations of layout and UI design as you explore semantic HTML markup, navigation styles, media queries, and CSS custom properties.
SVG Essentials & Animation, v2
Sarah Drasner
Google

SVG Essentials & Animation, v2

In this course, you'll learn to create immersive graphics and make them alive with animations!
Köszönet partnereink támogatásáért! Tudj meg többet.