Firefox 151 : des composants qui réagissent au style de leur conteneur

Interroger le contexte du composant

Notre veille rétrospective de mai revient sur Firefox 151, publié le 19 mai 2026. La règle CSS @container prend en charge les requêtes style(), pour appliquer des styles aux enfants en fonction du style de leur conteneur. Notes MDN.

Penser à l’échelle d’une carte

Une même carte peut apparaître dans une liste compacte, un tableau de bord ou une page de détail. L’intérêt pour le développeur est d’exprimer cette adaptation près du composant, plutôt que de déduire tout son contexte de la taille de la fenêtre. Une propriété personnalisée qui décrit une variante visuelle peut servir de point de départ à un essai limité et lisible.

Garder les règles compréhensibles

La puissance de CSS ne dispense pas de définir qui décide du thème ou de la densité. Des conditions imbriquées sans convention claire peuvent rendre un changement difficile à expliquer. Avant de généraliser, vérifier une variante représentative dans les navigateurs visés et avec les préférences d’accessibilité utiles. Il faut aussi distinguer la fonction disponible de ses extensions expérimentales : les notes de version recensent séparément ces dernières.