Novità sulla piattaforma web a dicembre

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta a dicembre 2025.

Rachel Andrew

Data di pubblicazione: 16 dicembre 2025

Versioni stabili del browser

Chrome 143, Firefox 146 e Safari 26.2 rilasciati nella versione stabile a dicembre. Questo post esamina le numerose nuove funzionalità di questo mese, con diverse novità che diventano disponibili nella baseline.

La regola CSS @@scope è ora di base

Firefox 146 include la regola @scope CSS at-rule che consente di selezionare elementi in sottoalberi DOM specifici. Definisci un ambito all'interno del quale i selettori possono scegliere come target gli elementi, ed eviti selettori eccessivamente specifici e lunghi. Ad esempio, il seguente CSS ha come target solo gli elementi <img> se si trovano all'interno di un elemento con la classe .card.

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

Con Firefox 146, questa utile regola at è ora disponibile nella baseline. Scopri di più in Limitare la copertura dei selettori con la regola CSS @scope.

La funzione CSS contrast-color()

In Firefox 146 è disponibile anche la funzione contrast-color(). Questa funzione accetta un valore di colore e restituisce un colore a contrasto, che mira a garantire il contrasto minimo WCAG AA.

Per altri esempi, consulta How to have the browser pick a contrasting color in CSS sul blog WebKit.

Browser Support

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

Source

Firefox è il primo browser a implementare la proprietà text-decoration-inset. Questa proprietà consente di regolare i punti iniziale e finale della decorazione del testo di un elemento in modo che possa essere accorciata, allungata o spostata rispetto al testo sottoposto a rendering.

La proprietà CSS font-language-override

Chrome 143 include la proprietà font-language-override. In questo modo puoi ignorare il comportamento del carattere per una lingua specifica. Questa opzione è utile se utilizzi un carattere che non supporta correttamente una lingua. In questo caso, puoi scegliere di utilizzare i glifi di una lingua simile con un supporto migliore.

Browser Support

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

Source

Query relative al contenitore di riserva ancorato CSS

Chrome 143 introduce @container anchored(fallback) per applicare stili ai discendenti di elementi posizionati in base a quale dei position-try-fallbacks viene applicato.

Queste query possono essere utilizzate per applicare uno stile al collegamento o alle animazioni di un elemento ancorato, in base alla posizione relativa dell'ancora e dell'elemento ancorato.

Sintassi relativa al lato per le abbreviazioni background-position-x/y

In Chrome, e ora disponibile in tutti i browser, è anche possibile definire la posizione dell'immagine di sfondo rispetto a uno dei suoi bordi nelle proprietà estese per background-position. Ad esempio:

.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.

La proprietà di animazione overallProgress

Safari 26.2 include overallProgress. Questa proprietà di sola lettura dell'interfaccia Animation restituisce un numero compreso tra 0 e 1 che indica l'avanzamento complessivo dell'animazione verso il suo stato finale.

Questa proprietà è ora disponibile come Baseline Newly available.

Browser Support

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

Source

LCP e INP sono ora disponibili come Baseline Newly available

Le metriche Largest Contentful Paint (LCP) e Interaction to Next Paint (INP) sono ora disponibili in Baseline Newly, con il supporto in Safari 26.2 per l'API Contentful Paint e l'API Event Timing necessarie per misurare queste metriche.

Queste funzionalità sono state incluse in Interop 2025 e ora puoi misurare queste metriche nell'ultima versione di tutti i principali browser.

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 raggiunge la baseline di Nuova disponibilità

Safari 26.2 include anche CHIPS (Cookies Having Independent Partitioned State), che consente di attivare l'archiviazione partizionata per un cookie, con un barattolo di biscotti separato per ogni sito di primo livello.

Browser Support

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

Source

hidden="until-found"

Safari 26.2 include il supporto per hidden="until-found", che ora diventa Baseline Newly available.

Browser Support

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

Source

Attributi command e commandfor

Inoltre, per l'HTML in Safari 26.2 è previsto il supporto di command e commandfor sui pulsanti. In questo modo, puoi controllare in modo dichiarativo i popup e le finestre di dialogo.

Browser Support

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

Source

Scopri di più in Introduzione di command e commandfor.

L'evento scrollend

Un'altra funzionalità che diventa Baseline Newly available con Safari 26.2 è l'evento scrollend. Questo evento viene attivato al termine dello scorrimento. Scopri di più in Scrollend, un nuovo evento JavaScript.

Browser Support

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

Source

Proprietà scrollbar-color

La proprietà scrollbar-color ti consente di modificare il colore del cursore della barra di scorrimento e della traccia della barra di scorrimento. Con Safari 26.2, questa funzionalità diventa disponibile anche in Baseline Newly available.

Browser Support

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

Source

Versioni beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno disponibili nella successiva versione stabile del browser. È il momento ideale per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che il resto del mondo riceva l'aggiornamento. Le nuove versioni beta di questo mese sono Firefox 147 e Chrome 144.

Chrome 144 include lo pseudo-elemento ::search-text per lo stile dei risultati di ricerca Trova nella pagina e il supporto di scrolled @scroll-state, che consente di applicare uno stile ai discendenti dei contenitori in base alla direzione di scorrimento più recente. È inclusa anche l'API Temporal, con oggetti e funzioni standard per lavorare con date e ore.

Firefox 147 è una release entusiasmante che include il posizionamento degli ancoraggi CSS, i tipi di transizione di visualizzazione e l'API Navigation.

Per scoprire di più sulle entusiasmanti funzionalità CSS e UI introdotte quest'anno, consulta CSS Wrapped 2025.