Nouveaux utilisateurs sur la plate-forme Web en décembre

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été ajoutées aux navigateurs Web stables et bêta en décembre 2025.

Rachel Andrew

Publié le 16 décembre 2025

Versions stables du navigateur

Chrome 143, Firefox 146 et Safari 26.2 ont été déployés en version stable en décembre. Cet article présente les nombreuses nouvelles fonctionnalités de ce mois-ci, dont plusieurs qui sont désormais disponibles dans la référence "Nouveautés de référence".

La règle @ @scope CSS est désormais une règle de référence

Firefox 146 inclut la règle CSS at-rule @scope qui vous permet de sélectionner des éléments dans des sous-arbres DOM spécifiques. Définissez un champ d'application dans lequel les sélecteurs peuvent cibler des éléments, et évitez les sélecteurs trop spécifiques et trop longs. Par exemple, le CSS suivant ne cible les éléments <img> que s'ils se trouvent à l'intérieur d'un élément avec une classe .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

Avec Firefox 146, cette règle @ utile est désormais disponible dans la référence Baseline Newly available. Pour en savoir plus, consultez Limiter la portée de vos sélecteurs avec la règle @ @scope CSS.

La fonction CSS contrast-color()

Firefox 146 inclut également la fonction contrast-color(). Cette fonction prend une valeur de couleur et renvoie une couleur contrastée, qui vise à garantir le contraste minimal WCAG AA.

Pour obtenir d'autres exemples, consultez How to have the browser pick a contrasting color in CSS (Comment demander au navigateur de choisir une couleur contrastée en CSS) sur le blog WebKit.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

Source

Firefox est le premier navigateur à proposer la propriété text-decoration-inset. Cette propriété vous permet d'ajuster les points de début et de fin de la décoration de texte d'un élément afin de la raccourcir, de la rallonger ou de décaler sa position par rapport au texte affiché.

Propriété CSS font-language-override

Chrome 143 inclut la propriété font-language-override. Cela vous permet de remplacer le comportement de la typographie pour une langue spécifique. Cela peut être utile si vous utilisez une typographie qui n'est pas adaptée à une langue. Vous pouvez alors choisir d'utiliser des glyphes d'une langue similaire mieux prise en charge.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 34.
  • Safari: not supported.

Source

Requêtes de conteneur de secours ancrées CSS

Chrome 143 introduit @container anchored(fallback) pour styliser les descendants des éléments ancrés en fonction de l'attribut position-try-fallbacks appliqué.

Ces requêtes peuvent être utilisées pour styliser l'attache ou les animations d'un élément ancré, en fonction de la position de l'ancre et de l'élément ancré les uns par rapport aux autres.

Syntaxe relative au côté pour les formes longues de background-position-x/y

Dans Chrome, et désormais dans tous les navigateurs, vous pouvez définir la position de l'image de fond par rapport à l'un de ses bords dans les propriétés détaillées de background-position. Exemple :

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

Propriété overallProgress de l'animation

Safari 26.2 inclut overallProgress. Cette propriété en lecture seule de l'interface Animation renvoie un nombre compris entre 0 et 1 indiquant la progression globale de l'animation vers son état final.

Cette propriété est désormais disponible dans la référence "Nouveautés".

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

LCP et INP désormais disponibles dans Baseline

Les métriques Largest Contentful Paint (LCP) et Interaction to Next Paint (INP) sont désormais disponibles dans Baseline, avec la prise en charge dans Safari 26.2 des API Contentful Paint et Event Timing nécessaires pour mesurer ces métriques.

Ces fonctionnalités ont été incluses dans Interop 2025. Vous pouvez désormais mesurer ces métriques dans la dernière version de tous les principaux navigateurs.

API Largest Contentful Paint

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

API Event Timing

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS atteint le niveau de référence (nouveauté)

Safari 26.2 inclut également CHIPS (Cookies Having Independent Partitioned State), qui vous permet d'activer le stockage partitionné pour un cookie, avec un pot de cookies distinct par site de premier niveau.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2 est compatible avec hidden="until-found", qui devient désormais "Nouveauté de référence".

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

Attributs command et commandfor

Safari 26.2 est également compatible avec command et commandfor pour les boutons HTML. Cela permet de contrôler les pop-ups et les boîtes de dialogue de manière déclarative.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Pour en savoir plus, consultez Présentation de command et commandfor.

Événement scrollend

L'événement scrollend est une autre fonctionnalité qui devient disponible dans Baseline avec Safari 26.2. Cet événement se déclenche lorsque le défilement est terminé. Pour en savoir plus, consultez Scrollend, un nouvel événement JavaScript.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

Propriété scrollbar-color

La propriété scrollbar-color vous permet de modifier la couleur du pouce et de la piste de la barre de défilement. Avec Safari 26.2, cette fonctionnalité devient également disponible dans la catégorie "Nouveautés de référence".

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des fonctionnalités qui seront incluses dans la prochaine version stable du navigateur. C'est le moment idéal pour tester les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que la version ne soit disponible pour tous. Les nouvelles versions bêta ce mois-ci sont Firefox 147 et Chrome 144.

Chrome 144 inclut le pseudo-élément ::search-text pour la mise en forme des résultats de recherche dans la page et la prise en charge de scrolled pour vous permettre de mettre en forme les descendants des conteneurs en fonction de la direction de défilement la plus récente.@scroll-state L'API Temporal est également incluse, avec des objets et des fonctions standards pour travailler avec les dates et les heures.

Firefox 117 est une version intéressante qui inclut le positionnement d'ancrage CSS, les types de transitions de vue et l'API Navigation.

Pour en savoir plus sur les fonctionnalités CSS et d'UI intéressantes qui ont été lancées cette année, consultez CSS Wrapped 2025.