Publié le : 7 avril 2026
Chrome 147 est en cours de déploiement. Cet article présente certaines des principales fonctionnalités de cette version. Consultez les notes de version complètes de Chrome 147.
Voici les points clés de cette version :
- Les transitions de vue à portée d'élément exposent
startViewTransitionsur des éléments HTML arbitraires. - La fonction CSS contrast-color() vous aide à répondre aux exigences d'accessibilité.
- La propriété CSS
border-shapevous permet de créer des bordures non rectangulaires.
Transitions de vue à portée d'élément
Cette fonctionnalité expose element.startViewTransition() sur des éléments HTML arbitraires.
L'élément établit un champ d'application pour la transition, ce qui signifie que les pseudo-éléments de transition sont affectés par les clips et les transformations des ancêtres, et que plusieurs transitions sur des éléments distincts peuvent s'exécuter simultanément.
Les transitions de vue à portée d'élément vous permettent également d'imbriquer des transitions de vue en cours et de conserver l'interactivité du reste de la page.
Pour en savoir plus, consultez Chrome 147 permet les transitions de vue simultanées et imbriquées avec des transitions de vue à portée d'élément.
CSS contrast-color()
Cette fonction vous aide à respecter les exigences de contraste pour l'accessibilité.
Vous pouvez utiliser la fonction contrast-color() n'importe où dans le CSS où une valeur de couleur est attendue. Il prend un argument de valeur de couleur et renvoie "black" (noir) ou "white" (blanc), selon celui qui offre le contraste le plus élevé par rapport à l'argument de couleur.
Pour en savoir plus, consultez la documentation MDN pour contrast-color().
Propriété CSS border-shape
La propriété CSS border-shape vous permet de créer des bordures non rectangulaires de n'importe quelle forme arbitraire, par exemple un polygone, un cercle ou shape().
Bien que border-shape accepte les mêmes formes que clip-path, il est fondamentalement différent. border-shape définit la forme de la bordure, la décore et ne rogne que l'intérieur. border-shape comporte deux variantes : l'une trace une forme et l'autre remplit l'espace entre deux formes.
Documentation complémentaire
Cette liste ne couvre que quelques points essentiels. Consultez les liens suivants pour découvrir d'autres modifications apportées à Chrome 147.
- Notes de version de Chrome 147
- Nouveautés des outils pour les développeurs Chrome 147
- Mises à jour de ChromeStatus.com pour Chrome 147.
- Calendrier des versions de Chrome
S'abonner
Pour ne rien manquer, abonnez-vous à la chaîne YouTube Chrome Developers. Vous recevrez une notification par e-mail chaque fois que nous publierons une nouvelle vidéo. Vous pouvez également nous suivre sur X ou LinkedIn pour découvrir nos nouveaux articles et posts de blog.
Dès que Chrome 148 sera disponible, nous vous présenterons les nouveautés de Chrome.