Publié le 30 juin 2026
Chrome 150 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 150.
Points forts de cette version :
- La propriété CSS
text-fitmet à l'échelle la taille de la police pour l'adapter aux zones de contenu. - Focusgroup fournit une navigation déclarative à l'aide des touches fléchées pour les composants Web.
- CSS background-clip: border-area vous permet de créer des bordures de dégradé de manière native.
Propriété CSS text-fit
La propriété text-fit met à l'échelle la taille de la police des nœuds de texte pour l'adapter parfaitement à la largeur de la zone de contenu.
Cette propriété vous permet de vous assurer que les titres ou le contenu dynamique remplissent l'espace horizontal disponible sans avoir à calculer manuellement la taille de la police ni à utiliser des solutions de contournement JavaScript complexes. Elle fournit une solution robuste et native à CSS pour une typographie responsive qui maintient l'alignement visuel sur différentes tailles d'écran.
Focusgroup
L'attribut focusgroup vous permet de fournir de manière déclarative aux widgets composites une navigation à l'aide des touches fléchées, un point d'arrêt de tabulation garanti et une mémoire du dernier élément sélectionné, en remplaçant les scripts de tabindex itinérants codés à la main.
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
CSS background-clip: border-area
Implémente la valeur border-area pour la propriété CSS background-clip. background-clip: border-area découpe l'arrière-plan d'un élément dans la zone peinte par ses traits de bordure, en tenant compte de border-width et de border-style, tout en ignorant la transparence de border-color.
Vous pouvez ainsi créer des bordures de dégradé directement en CSS sans avoir besoin de solutions de contournement border-image.
Documentation complémentaire
Cette section ne couvre que quelques points essentiels. Consultez les liens suivants pour découvrir les autres modifications apportées à Chrome 150.
- Notes de version de Chrome 150.
- Mises à jour de ChromeStatus.com pour Chrome 150.
- 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 de nouveaux articles et billets de blog.
Dès que Chrome 151 sera disponible, nous vous présenterons les nouveautés de Chrome.