Skip to content

State of CSS 2026

Features

Ce n'est un secret pour personne : le CSS accueille de nouvelles fonctionnalités à un rythme record. C'est pourquoi nous en avons abordé pas moins de 50 cette année !
46
Nombre total de fonctionnalités dans l'enquête raccourcie de cette année, contre 63 en 2025.

Toutes les fonctionnalités

:has(), aspect-ratio et l'imbrication CSS sont à la fois les fonctionnalités les plus utilisées et les plus appréciées de l'enquête.

line-clamp a de nouveau suscité de nombreux commentaires, la plupart réclamant une version sans préfixe. L'imbrication CSS a également reçu son lot de réactions, mais contrairement à line-clamp, presque toutes étaient positives.

Les fonctionnalités les moins utilisées étaient les décorations d'espacement et if(), sans doute à cause de leur prise en charge limitée par les navigateurs.

Puisqu'on parle de compatibilité, on peut anticiper l'avenir du CSS en observant les fonctionnalités les plus appréciées qui ont le statut Baseline « disponibilité limitée » (Baseline). Ici, calc-size() et le positionnement par ancrage sont très attendus !

Catégorie :

État de référence :

Regrouper par :

Trier par :

1
Autres fonctionnalités
83.7%
12.3%
3.8%
3,822
2
Mise en page
81.3%
12.3%
5.9%
4,244
3
Autres fonctionnalités
70.6%
23.8%
5.1%
3,820
4
Interactions
68.2%
18.3%
12.7%
4,208
5
Mise en page
59.8%
24.7%
15%
4,240

Experience

  • Utilisé: Respondents who have used an item.
  • Entendu parler: Respondents who have heard about an item, but haven't used it.
  • Jamais entendu parler: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
Moyenne « utilisé »:31%%
Moyenne « positif »:41%%
Moyenne « négatif »:3%%
22%
Hausse annuelle du pourcentage de répondants ayant entendu parler de sibling-count().

Fonctionnalités au fil du temps

Même avec une prise en charge limitée par les navigateurs, le positionnement par ancrage affiche la plus forte hausse annuelle d'utilisation (+15 %), ce qui montre à quel point les développeurs attendaient cette fonctionnalité.

Du côté de la notoriété, la plus forte progression (+23 %) revient à sibling-count, qui sera, espérons-le, bientôt pris en charge par tous les principaux navigateurs.

Il est également intéressant d'observer les fonctionnalités peu appréciées. Par exemple, le taux de -13 % de contrast-color() signifie que les personnes l'ayant réellement utilisée ont un avis moins positif que celles qui en ont seulement entendu parler.

Utilisation:

Proportion de répondants ayant utilisé un élément

Filtres :

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

Liste de lecture

La liste de lecture permet aux répondants d'enregistrer des sujets à découvrir après l'enquête. 55 % des répondants ont enregistré les décorations d'espacement, qui promettent de résoudre une difficulté fréquente nécessitant actuellement de nombreux contournements complexes.
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%
Nombre de fois où chaque élément a été ajouté à la liste de lecture des répondants, une fonctionnalité qui leur permet d'en apprendre davantage sur des sujets précis pendant le sondage.
3,346
68%
20
10

Ressources recommandées

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