Novità di Chrome 150

Rachel Andrew

Data di pubblicazione: 30 giugno 2026

Chrome 150 è in fase di implementazione e questo post condivide alcune delle funzionalità chiave della release. Leggi le note di rilascio complete di Chrome 150.

Punti salienti di questa release:

Proprietà CSS text-fit

La proprietà text-fit ridimensiona la dimensione del carattere dei nodi di testo in modo che si adattino perfettamente alla larghezza del riquadro contenitore.

Questa proprietà ti consente di assicurarti che i titoli o i contenuti dinamici riempiano lo spazio orizzontale disponibile senza calcoli manuali delle dimensioni del carattere o soluzioni alternative JavaScript complesse. Fornisce una soluzione robusta e nativa per la tipografia adattabile che mantiene l'allineamento visivo su schermi di dimensioni diverse.

Focusgroup

L'attributo focusgroup consente di fornire in modo dichiarativo ai widget compositi la navigazione con i tasti freccia, un punto di tabulazione garantito e la memoria dell'ultimo elemento selezionato, sostituendo gli script roving tabindex codificati manualmente.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

Implementa il valore border-area per la proprietà CSS background-clip. background-clip: border-area ritaglia lo sfondo di un elemento nell'area disegnata dai tratti del bordo, tenendo conto di border-width e border-style e ignorando la trasparenza di border-color.

In questo modo puoi creare bordi sfumati direttamente in CSS senza bisogno di soluzioni alternative.border-image

Per approfondire

Questi sono solo alcuni dei punti salienti. Consulta i seguenti link per ulteriori modifiche in Chrome 150.

Iscriviti

Per rimanere aggiornato, iscriviti al canale YouTube Chrome Developers e riceverai una notifica via email ogni volta che pubblichiamo un nuovo video. Oppure seguici su X o LinkedIn per nuovi articoli e post del blog.

Non appena verrà rilasciato Chrome 151, ti aggiorneremo sulle novità di Chrome.