Nouveaux utilisateurs sur la plate-forme Web en septembre

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été déployées dans les navigateurs Web stables et bêta en septembre 2026.

Rachel Andrew

Publié le 2 octobre 2026

Versions stables du navigateur

C'est le premier mois de publication bihebdomadaire de Chrome et Firefox. Cela signifie que Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 et Safari 27 seront disponibles en version stable en septembre 2026. Cet article présente les nouvelles fonctionnalités disponibles dans les navigateurs, dont un grand nombre de fonctionnalités qui atteignent la référence "Nouvellement disponible".

La fonction CSS progress() devient "Baseline"

Firefox 155 ajoute la prise en charge de la fonction mathématique CSS progress(), ce qui la rend disponible dans la référence Baseline.

La fonction progress() renvoie une valeur <number> représentant la position d'un calcul entre une valeur de début et une valeur de fin. En règle générale, le résultat est limité entre 0 et 1, ce qui le rend utile pour contrôler la taille, l'opacité ou les couleurs de manière fluide en fonction des dimensions du conteneur ou de la fenêtre d'affichage. Firefox 155 et Safari 27 ajoutent également la prise en charge de l'option de mot clé no-clamp, ce qui permet à la valeur de progression renvoyée de s'étendre en dessous de 0 ou au-dessus de 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

Les couleurs alpha relatives avec alpha() deviennent la référence

Firefox 155 et Safari 27 prennent désormais en charge la fonction de couleur relative alpha() de CSS Color 5.

La fonction alpha() prend une couleur d'origine et la renvoie avec un canal alpha (transparence) ajusté, tout en conservant ses canaux de couleur et son espace colorimétrique :

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Comme Chrome 151, Firefox 155 et Safari 27 sont tous compatibles avec alpha(), cette fonction est désormais disponible dans la référence "Nouvellement disponible".

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

Le mot clé CSS revert-rule devient "Baseline"

Safari 27 est désormais compatible avec le mot clé CSS revert-rule.

Alors que revert rétablit la cascade à l'origine de l'utilisateur ou de l'agent utilisateur et que revert-layer rétablit une couche de cascade précédente, revert-rule rétablit la valeur d'une propriété à ce qu'elle aurait été si la règle de style actuelle n'était pas présente. Avec la prise en charge dans Chrome, Firefox et désormais Safari 27, revert-rule est désormais disponible dans Baseline.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

Les valeurs <image> dans light-dark() deviennent la référence

Safari 27 permet d'utiliser des valeurs <image> dans la fonction CSS light-dark().

Auparavant limitée aux valeurs <color>, light-dark() peut désormais basculer entre deux images (comme des images url() ou des dégradés CSS) en fonction du color-scheme clair ou sombre actif. Grâce à la compatibilité avec Chrome, Firefox et Safari 27, les valeurs <image> dans light-dark() sont désormais disponibles dans la référence.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

L'ancrage de défilement avec overflow-anchor devient la référence

Safari 27 permet l'ancrage du défilement et ajoute la prise en charge de la propriété CSS overflow-anchor.

L'ancrage de défilement ajuste automatiquement la position de défilement lorsque des modifications du DOM au-dessus de la fenêtre d'affichage visible provoqueraient un saut de contenu pendant que l'utilisateur lit ou interagit avec la page. Vous pouvez utiliser overflow-anchor: none pour empêcher des éléments spécifiques d'agir en tant que nœuds d'ancrage. Avec Safari 27 qui rejoint Chrome et Firefox, l'ancrage de défilement est désormais disponible dans la catégorie "Nouveautés de référence".

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

La propriété font-width et le descripteur @font-face deviennent de référence

CSS Fonts 4 a remplacé font-stretch par font-width comme nom canonique pour sélectionner les visages de police normaux, condensés ou étendus, en conservant font-stretch comme alias hérité.

Firefox 155 ajoute la prise en charge de la propriété CSS font-width, du descripteur font-width @font-face et de CSSStyleDeclaration.fontWidth. Chrome 154 ajoute également le descripteur font-width dans les règles @font-face et la propriété width sur les objets FontFace. En plus de la prise en charge existante dans Safari, font-width est désormais disponible dans Baseline.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

sizes="auto" pour les images à chargement différé devient "Baseline"

Safari 27 ajoute la prise en charge du mot clé auto dans l'attribut sizes sur les éléments <img> qui utilisent loading="lazy".

Lorsque vous spécifiez sizes="auto" (ou une liste sizes commençant par auto), le navigateur utilise la largeur de mise en page affichée de l'image à chargement différé pour sélectionner la source d'image la plus appropriée à partir de srcset. sizes="auto" est désormais disponible dans la référence, car il est compatible avec Chrome, Firefox et maintenant Safari 27.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

L'itération asynchrone et les objets ReadableStream transférables deviennent la référence

Safari 27 inclut plusieurs mises à jour de ReadableStream :

  • Prise en charge de l'itération asynchrone sur les objets ReadableStream à l'aide des boucles for await...of et ReadableStream.prototype.values().
  • Prise en charge du transfert d'objets ReadableStream entre des contextes à l'aide de postMessage().
  • Prise en charge de la méthode statique ReadableStream.from() pour créer un ReadableStream à partir d'un objet itérable ou itérable asynchrone (également pris en charge dans Firefox).

Avec Safari 27, les flux itérables asynchrones et les objets ReadableStream transférables sont désormais disponibles dans Baseline Newly available.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation et TransitionEvent.animation deviennent la variante de référence

Safari 27 ajoute la propriété animation à AnimationEvent et la propriété animation à TransitionEvent.

Cette propriété renvoie l'objet Animation associé à l'événement d'animation ou de transition CSS, ce qui facilite l'inspection ou le contrôle de l'animation directement à partir d'un écouteur d'événements. Cette propriété est désormais disponible dans la référence Baseline, car elle est compatible avec Chrome, Firefox et Safari 27.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

L'option maxAge dans cookieStore.set() devient "Référence"

Safari 27 ajoute la prise en charge de l'option maxAge lors de la définition d'un cookie avec cookieStore.set(), ce qui vous permet de spécifier la durée de vie d'un cookie sous forme de durée en secondes plutôt que de calculer un code temporel expires absolu. L'option maxAge est désormais disponible dans la référence "Nouveautés", car elle est compatible avec Chrome, Firefox et Safari 27.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

<select> personnalisable dans Safari 27

Safari 27 ajoute la prise en charge des menus <select> personnalisables à l'aide de appearance: base-select et de l'élément <selectedcontent>, rejoignant ainsi Chrome.

L'activation d'un <select> et de son pseudo-élément ::picker(select) dans appearance: base-select permet de passer à une apparence de base stylable, ce qui autorise le contenu HTML enrichi dans les éléments <option> et le style personnalisé pour le bouton et le sélecteur de liste déroulante.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Éléments déclaratifs <camera> et <microphone> dans Chrome

Chrome 153 introduit les éléments de fonctionnalité HTML <camera> et <microphone>.

En s'appuyant sur l'élément <usermedia>, <camera> et <microphone> fournissent des commandes déclaratives dédiées et activées par l'utilisateur pour demander un accès à la capture vidéo ou audio à capacité unique sans déclencher d'invite d'autorisation initiée par le script lors du chargement de la page.

Browser Support

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

Ajouts JavaScript Iterator et Promise

Chrome 153 ajoute Iterator.prototype.join() ainsi que l'itération conjointe à l'aide de Iterator.zip() et Iterator.zipKeyed().

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155 implémente Promise.allKeyed() et Promise.allSettledKeyed(), qui acceptent un objet de dictionnaire de promesses et se résolvent en un objet avec les mêmes clés.

Browser Support

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

Source

Mises à jour de WebTransport dans Firefox 155

Firefox 115 étend son implémentation WebTransport :

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

API de routage statique de service workers dans Safari 27

Safari 27 est désormais compatible avec l'API Service Worker Static Routing via InstallEvent.addRoutes().

Cette API permet à un service worker d'enregistrer des règles de routage déclaratives au moment de l'installation afin que les requêtes correspondantes puissent contourner le démarrage du service worker et récupérer directement les données du réseau ou du cache, ce qui améliore les performances de navigation.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

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 qu'elles ne soient déployées dans le monde entier. Les nouvelles versions bêta ce mois-ci sont Chrome 155, Chrome 156, Firefox 158 et Safari 27.2.

La version bêta de Chrome 155 inclut les CSS margin-trim, symbols() et text-decoration-skip-spaces, ainsi que la prise en charge du décodage JPEG XL (image/jxl), les importations de modules de texte (import ... with { type: "text" }) et la prise en charge de l'émission de l'API Digital Credentials.

La version bêta de Chrome 156 inclut la fonction CSS random(), les propriétés abrégées CSS corner, les conteneurs de défilement à axe unique, scroll-snap-type: pair, la propriété image-animation et la pseudo-classe :animated-image, les pseudo-classes d'état des éléments multimédias (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), l'évaluation différée des modules (import defer), ainsi que l'élément HTML <install> et l'API Web Install.

La version bêta de Safari 27.2 ajoute la prise en charge de l'alignement du dépassement safe et unsafe lorsqu'il est associé à normal, permet l'alignement safe sur les boîtes à position fixe et les éléments ::picker(select), et renomme flow-tolerance en fit-tolerance pour display: grid-lanes.