Skip to content

State of CSS 2026

Utilisation du CSS

La façon dont vous utilisez le CSS.

Environnements de test

Les environnements de test ont peu évolué depuis l'année dernière, et les tests d'accessibilité restent moins courants qu'ils ne devraient l'être.
Sur quels types d'appareils ou dans quels environnements effectuez-vous vos tests ?
Multiple
0%
20%
40%
60%
80%
100%
01
Desktop
3,774
02
Smartphone
2,510
03
Tablette
1,570
04
Desktop with keyboard only
1,300
05
Testing Tools (Axe, Lighthouse, etc.)
1,054
06
Téléphone mobile basique
1,030
07
Lecteur d'écran
799
08
Imprimante
477
09
PDF Export
306
10
Altered Vision Simulator (color blindness, etc.)
262
0%
20%
40%
60%
80%
100%
3,781
77%
3.5
10
26%
Pourcentage de répondants qui ne génèrent aucun code CSS à l'aide de l'IA.

Génération de code CSS par l'IA
✨

Ce graphique est fascinant, car il diffère complètement des réponses à une question similaire dans les enquêtes State of AI et State of JS. Les commentaires sur cette question montrent que l'IA n'est pas encore très douée en CSS. L'avenir dira s'il s'agit d'une limite temporaire ou si l'IA sera un jour assez performante pour comprendre pleinement le fonctionnement des mises en page CSS Grid.

Quelle proportion du code CSS que vous produisez est générée par l'IA ?
0%
20%
40%
60%
80%
100%
1
0
980
2
12.5%
941
3
25%
562
4
37.5%
206
5
50%
322
6
62.5%
157
7
75%
312
8
87.5%
188
9
8
64
0%
20%
40%
60%
80%
100%
3,732
76%
28%
13%
10
💡
Il est scientifiquement prouvé que partager ce sondage sur Twitter, Facebook ou par email améliore vos performances en programmation jusqu'à 15 %.

Incompatibilités entre navigateurs

Le positionnement par ancrage et la View Transition API restent les fonctionnalités que les répondants évitent le plus à cause de problèmes de compatibilité avec les navigateurs.

Il est également intéressant de noter que les requêtes de taille sur les conteneurs et Grid figurent toujours dans ce graphique, alors que leur statut Baseline est largement disponible.

Y a-t-il des fonctionnalités CSS existantes que vous avez du mal à utiliser (ou que vous évitez complètement) en raison d'une prise en charge insuffisante ou de différences entre navigateurs ?
Réponse libre
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%
632
13%
1.8
20
10

Fonctionnalités manquantes

Nous attendons toujours l'arrivée des mixins en CSS, mais les éditeurs de navigateurs ont répondu à nos demandes concernant la mise en page en maçonnerie, deuxième fonctionnalité la plus réclamée l'année dernière, avec la nouvelle syntaxe display: grid-lanes.
Quelles fonctionnalités manquent complètement au CSS selon vous ?
Multiple
Fonctionnalités manquantes les plus demandées, toutes catégories confondues.

Affichage :

Éléments qui ne font pas partie de « 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
CSS Toggles
23
CSS Regions
+1
24
author_defined_state
25
0%
20%
40%
60%
80%
100%
436
9%
2.4
25
5

Nouvelle fonctionnalité préférée

:has() reste aussi formidable que jamais, mais de nombreux développeurs l'utilisent depuis plus d'un an. Elle a donc cédé sa couronne de « meilleure nouveauté » au positionnement par ancrage, qui a gagné 4 places pour prendre la tête.
Quelles nouvelles fonctionnalités CSS avez-vous commencé à utiliser cette année et préférez-vous ?
Multiple
Limité
3
Principaux sujets problématiques correspondant à des fonctionnalités spécifiques de la plateforme web.

Affichage :

Éléments étiquetés « 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%
913
19%
2.9
25
5

Rythme du changement

Si vous avez l'impression d'être à la traîne parce que vous n'avez pas utilisé toutes les nouveautés CSS de cette année, ne vous inquiétez pas. Comme le montre ce graphique, la plupart des répondants se trouvent au milieu de leur parcours d'adoption : ils ont découvert et essayé seulement une partie des fonctionnalités de l'enquête.

Dans quelle mesure parvenez-vous à suivre les nouvelles fonctionnalités CSS, comme celles mentionnées dans cette enquête ?
0%
20%
40%
60%
80%
100%
1
Je n'ai découvert ni essayé la plupart des fonctionnalités
533
2
J'ai découvert certaines fonctionnalités, mais je ne les ai pas essayées
936
3
J'ai découvert et essayé certaines fonctionnalités
1,144
4
J'ai découvert la plupart des fonctionnalités et en ai essayé certaines
798
5
J'ai découvert et essayé la plupart des fonctionnalités
290
0%
20%
40%
60%
80%
100%
3,701
76%
2.8
3
10

Satisfaction concernant les technologies Web

Les répondants étaient plutôt satisfaits de l'état général des technologies web, avec une moyenne stable de 3,8 sur 5.
Dans quelle mesure êtes-vous satisfait de l'état général des technologies web ?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
2026
1
2
3
4
5
Moyenne
3,737
76%
3.8
4
10

État du CSS

En revanche, la satisfaction à l'égard du CSS suit une nette tendance à la hausse, en phase avec les progrès rapides du langage.
Dans quelle mesure êtes-vous satisfait de l'état général du CSS ?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
2026
1
2
3
4
5
Moyenne
3,747
76%
4
4
10

Ressources recommandées

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!
Contenu sponsorisé par nos partenaires. En savoir plus.