Novità sulla piattaforma web a settembre

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

Rachel Andrew

Data di pubblicazione: 2 ottobre 2026

Release stabili del browser

È il primo mese di release bisettimanali di Chrome e Firefox. Ciò significa che Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 e Safari 27 sono stati rilasciati nella versione stabile a settembre 2026. Questo post esamina le nuove funzionalità disponibili nei browser, tra cui un gran numero di funzionalità che raggiungono la disponibilità di base.

La funzione CSS progress() diventa Baseline

Firefox 155 aggiunge il supporto per la funzione matematica CSS progress(), rendendola disponibile nella baseline.

La funzione progress() restituisce un <number> che rappresenta la posizione di un calcolo tra un valore iniziale e un valore finale. In genere, il risultato è compreso tra 0 e 1, il che lo rende utile per determinare in modo fluido le dimensioni, l'opacità o i colori in base alle dimensioni del contenitore o dell'area visibile. Firefox 155 e Safari 27 aggiungono anche il supporto per l'opzione della parola chiave no-clamp, consentendo al valore di avanzamento restituito di estendersi al di sotto di 0 o al di sopra di 1.

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

Browser Support

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

Source

I colori alfa relativi con alpha() diventano di base

Firefox 155 e Safari 27 aggiungono entrambi il supporto per la funzione di colore relativo alpha() di CSS Color 5.

La funzione alpha() prende un colore di origine e lo restituisce con un canale alfa (trasparenza) modificato, mantenendo inalterati i canali colore e lo spazio colore:

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

Con Chrome 151, Firefox 155 e Safari 27 che supportano alpha(), questa funzione è ora disponibile nella baseline.

Browser Support

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

Source

La parola chiave CSS revert-rule diventa Base di riferimento

Safari 27 aggiunge il supporto per la parola chiave revert-rule CSS-wide.

Mentre revert esegue il rollback della cascata all'origine dell'utente o dello user agent e revert-layer esegue il rollback a un livello precedente della cascata, revert-rule esegue il rollback del valore di una proprietà a quello che sarebbe stato se la regola di stile corrente non fosse presente. Con il supporto in Chrome, Firefox e ora Safari 27, revert-rule è disponibile nella baseline.

Browser Support

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

Source

I valori di <image> in light-dark() diventano di base

Safari 27 aggiunge il supporto per l'utilizzo dei valori <image> all'interno della funzione CSS light-dark().

In precedenza limitato a valori <color>, light-dark() ora può passare da due immagini, ad esempio immagini url() o gradienti CSS, in base al tema color-scheme attivo. Con il supporto di Chrome, Firefox e Safari 27, i valori di <image> in light-dark() sono ora disponibili nella baseline.

Browser Support

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

L'ancoraggio dello scorrimento con overflow-anchor diventa la base di riferimento

Safari 27 attiva l'ancoraggio dello scorrimento e aggiunge il supporto per la proprietà CSS overflow-anchor.

L'ancoraggio dello scorrimento regola automaticamente la posizione di scorrimento quando le modifiche al DOM sopra l'area visibile altrimenti causerebbero lo spostamento dei contenuti mentre l'utente legge o interagisce con la pagina. Puoi utilizzare overflow-anchor: none per impedire a elementi specifici di fungere da nodi di ancoraggio. Con l'aggiunta di Safari 27 a Chrome e Firefox, l'ancoraggio dello scorrimento è ora disponibile nella Baseline.

Browser Support

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

Source

La proprietà font-width e il descrittore @font-face diventano di base

CSS Fonts 4 ha sostituito font-stretch con font-width come nome canonico per la selezione di caratteri normali, condensati o espansi, mantenendo font-stretch come alias legacy.

Firefox 155 aggiunge il supporto per la proprietà CSS font-width, il font-width descrittore @font-face e CSSStyleDeclaration.fontWidth. Chrome 154 aggiunge anche il descrittore font-width nelle regole @font-face e la proprietà width negli oggetti FontFace. Insieme al supporto esistente in Safari, font-width è ora disponibile nella baseline.

Browser Support

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

Source

sizes="auto" per le immagini con caricamento lento diventa Baseline

Safari 27 aggiunge il supporto della parola chiave auto nell'attributo sizes degli elementi <img> che utilizzano loading="lazy".

Quando specifichi sizes="auto" (o un elenco sizes che inizia con auto), il browser utilizza la larghezza del layout sottoposto a rendering dell'immagine caricata in modalità differita per selezionare l'origine immagine più appropriata da srcset. Con il supporto in Chrome, Firefox e ora Safari 27, sizes="auto" è disponibile nella baseline.

Browser Support

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

Source

L'iterazione asincrona e gli oggetti ReadableStream trasferibili diventano di base

Safari 27 include diversi aggiornamenti di ReadableStream:

  • Supporto per l'iterazione asincrona sugli oggetti ReadableStream utilizzando i cicli for await...of e ReadableStream.prototype.values().
  • Supporto per il trasferimento di oggetti ReadableStream tra contesti utilizzando postMessage().
  • Supporto del metodo statico ReadableStream.from() per creare un ReadableStream da un oggetto iterabile o iterabile asincrono (supportato anche in Firefox).

Con Safari 27, i flussi iterabili asincroni e gli oggetti ReadableStream trasferibili sono ora disponibili nella baseline.

Browser Support

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

AnimationEvent.animation e TransitionEvent.animation diventano Base di riferimento

Safari 27 aggiunge la proprietà animation a AnimationEvent e la proprietà animation a TransitionEvent.

Questa proprietà restituisce l'oggetto Animation associato all'animazione CSS o all'evento di transizione, semplificando l'ispezione o il controllo dell'animazione direttamente da un listener di eventi. Con il supporto di Chrome, Firefox e Safari 27 per questa proprietà, ora è disponibile in Baseline Newly Available.

Browser Support

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

Source

L'opzione maxAge in cookieStore.set() diventa Base di riferimento

Safari 27 aggiunge il supporto dell'opzione maxAge quando si imposta un cookie con cookieStore.set(), consentendoti di specificare la durata di un cookie come durata in secondi anziché calcolare un timestamp expires assoluto. Con il supporto di Chrome, Firefox e Safari 27, l'opzione maxAge è ora disponibile nella baseline.

Browser Support

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

<select> personalizzabile in Safari 27

Safari 27 aggiunge il supporto per i menu <select> personalizzabili utilizzando appearance: base-select e l'elemento <selectedcontent>, unendosi a Chrome.

L'attivazione di un <select> e del relativo pseudo-elemento ::picker(select) in appearance: base-select sposta il controllo su un aspetto di base stilizzabile, consentendo contenuti HTML avanzati all'interno degli elementi <option> e uno stile personalizzato per il pulsante e il selettore a discesa.

Browser Support

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

Elementi dichiarativi <camera> e <microphone> in Chrome

Chrome 153 introduce gli elementi di funzionalità HTML <camera> e <microphone>.

Basandosi sull'elemento <usermedia>, <camera> e <microphone> forniscono controlli dichiarativi dedicati e attivati dall'utente per richiedere l'accesso alla registrazione di video o audio con una sola funzionalità senza attivare richieste di autorizzazione avviate da script al caricamento pagina.

Browser Support

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

Aggiunte di Iterator e Promise JavaScript

Chrome 153 aggiunge Iterator.prototype.join() insieme all'iterazione congiunta utilizzando Iterator.zip() e Iterator.zipKeyed().

Browser Support

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

Source

Firefox 155 implementa Promise.allKeyed() e Promise.allSettledKeyed(), che accettano un oggetto dizionario di promesse e si risolvono in un oggetto con le stesse chiavi.

Browser Support

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

Source

Aggiornamenti di WebTransport in Firefox 155

Firefox 155 espande l'implementazione di WebTransport:

Browser Support

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

Source

API di routing statico di Service Worker in Safari 27

Safari 27 aggiunge il supporto dell'API di routing statico di Service Worker tramite InstallEvent.addRoutes().

Questa API consente a un service worker di registrare regole di routing dichiarative al momento dell'installazione, in modo che le richieste corrispondenti possano bypassare l'avvio del service worker e recuperare direttamente i dati dalla rete o dalla cache, migliorando le prestazioni di navigazione.

Browser Support

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

Source

Release 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 vengano rilasciate a livello globale. Le nuove versioni beta di questo mese sono Chrome 155, Chrome 156, Firefox 158 e Safari 27.2.

La versione beta di Chrome 155 include CSS margin-trim, symbols() e text-decoration-skip-spaces, oltre al supporto della decodifica JPEG XL (image/jxl), dell'importazione di moduli di testo (import ... with { type: "text" }) e dell'emissione dell'API Digital Credentials.

La versione beta di Chrome 156 include la funzione CSS random(), le proprietà abbreviate CSS corner, i contenitori di scorrimento a un solo asse, scroll-snap-type: pair, la proprietà image-animation e la pseudo-classe :animated-image, le pseudo-classi di stato degli elementi multimediali (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), la valutazione differita dei moduli (import defer) e l'elemento HTML <install> e l'API Web Install.

Safari 27.2 beta aggiunge il supporto per l'allineamento dell'overflow safe e unsafe se abbinato a normal, attiva l'allineamento safe su caselle a posizione fissa ed elementi ::picker(select) e rinomina flow-tolerance in fit-tolerance per display: grid-lanes.