Pubblicato: 17 luglio 2026
Ti diamo il bentornato nel riepilogo mensile di Baseline. A giugno 2026, field-sizing
è diventato Baseline Newly available, consentendo ai controlli dei moduli di adattarsi automaticamente
al loro contenuto. Nel frattempo, un'ampia gamma di funzionalità CSS, HTML e API web
ha raggiunto lo stato di disponibilità di base, insieme a importanti aggiornamenti della
community di sviluppatori.
Avvisi di base sullo stato della piattaforma web
Tenere traccia di quando le funzionalità web diventano interoperabili è ora più semplice con gli avvisi di base nella dashboard dello stato della piattaforma web. Se accedi con GitHub, puoi iscriverti alle notifiche per le funzionalità quando diventano disponibili come Baseline Newly available, Widely available o ricevono nuove implementazioni del browser. Gli abbonamenti possono essere configurati per inviare aggiornamenti via email o feed RSS personalizzati con cadenza mensile, settimanale o immediata. Puoi limitare gli avvisi alle ricerche salvate, ad esempio a tutte le funzionalità HTML, creare newsletter personalizzate, generare elenchi di funzionalità condivisibili o configurare webhook Slack per inviare notifiche al tuo team di ingegneria.
Scopri di più in Introduzione degli avvisi di base.
Funzionalità di base di recente disponibili
Le funzionalità in questa sezione sono supportate a partire da giugno 2026 nel set di browser di base e ora sono disponibili come Baseline Newly available.
field-sizing
La proprietà CSS field-sizing consente di controllare il comportamento di dimensionamento degli elementi del modulo, ad esempio <textarea>, <input> e <select>, che tradizionalmente hanno dimensioni fisse predefinite. Con i controlli dei moduli field-sizing: content
si espandono o si restringono automaticamente per adattarsi ai contenuti, riducendo la necessità di
script di ridimensionamento automatico JavaScript personalizzati.
Scopri di più nella pagina di riferimento MDN per il dimensionamento dei campi.
Funzionalità di base ampiamente disponibili
Le seguenti funzionalità sono diventate disponibili a livello generale in Baseline, il che significa che ora sono ampiamente compatibili e utilizzabili nei tuoi progetti.
:has() pseudo-class
Il selettore principale CSS :has() ti consente di applicare uno stile a un elemento in base ai suoi
discendenti o ai fratelli successivi. Questa pseudo-classe funzionale consente
pattern di layout condizionali direttamente in CSS senza la necessità di JavaScript per
ispezionare le strutture DOM.
Scopri di più nella pagina MDN per la pseudo-classe :has.
HTMLIFrameElement.loading
La proprietà loading sugli elementi <iframe> attiva il caricamento differito per i frame incorporati. Se specifichi loading="lazy", i browser posticipano il caricamento degli iframe fuori schermo
finché non vengono visualizzati vicino all'area visibile, risparmiando larghezza di banda di rete e overhead di caricamento
della pagina iniziale.
Consulta i dettagli del riferimento MDN per HTMLIFrameElement.loading.
CanvasRenderingContext2D.reset()
Il metodo reset() nei contesti canvas 2D cancella lo stato del contesto di disegno, reimpostando le proprietà come trasformazioni, percorsi di ritaglio, stili di linea e stili di riempimento ai valori predefiniti. In questo modo, un contesto canvas può essere riutilizzato in modo pulito senza la pulizia manuale delle proprietà.
Scopri di più nella documentazione MDN per CanvasRenderingContext2D.reset.
Unità di lunghezza cap
L'unità relativa al carattere cap corrisponde all'altezza nominale delle maiuscole del
carattere dell'elemento. Consente di allineare e dimensionare gli elementi in base all'altezza delle lettere maiuscole, consentendo layout tipografici precisi.
Scopri di più nel riferimento MDN per le unità di lunghezza.
counter-set struttura
La proprietà CSS counter-set imposta un contatore CSS su un valore specificato,
integrando counter-reset e counter-increment. Fornisce il controllo durante la
manipolazione di elenchi numerati, strutture di documenti o sequenze di contatori personalizzati.
Leggi i dettagli nella pagina MDN per counter-set.
createImageBitmap()
Il metodo statico createImageBitmap() crea un'immagine bitmap asincrona
da varie origini immagine, tra cui <img>, <canvas>, Blob o
ImageData. Poiché decodifica le immagini al di fuori del thread principale, evita di bloccare
le prestazioni dell'interfaccia utente durante la gestione di grafiche complesse del canvas.
Controlla i dettagli dell'implementazione nella documentazione MDN per createImageBitmap.
Tipo di dati <easing-function>
Il tipo di dati CSS <easing-function> descrive le curve matematiche del tasso di variazione
per transizioni e animazioni. Oltre alle parole chiave standard come ease-in
o cubic-bezier(), supporta funzioni come linear() per creare effetti di rimbalzo o molla personalizzati.
Scopri come utilizzarla nella documentazione di riferimento di MDN per easing-function.
Selettore di nidificazione &
Il selettore di nidificazione & ancora in modo esplicito i selettori delle regole secondarie al selettore principale
quando si utilizza la nidificazione CSS integrata. Garantisce chiarezza e regole di specificità
corrette quando si definiscono stati di pseudo-classe o di focus o al passaggio del mouse nidificati.
Leggi i dettagli nella guida MDN per il selettore di nidificazione.
Precaricamento reattivo con rel="preload"
L'attributo media sugli elementi <link rel="preload"> consente il precaricamento
reattivo degli asset chiave. Combinando rel="preload" con le media query,
i browser scaricano solo gli asset che corrispondono alla larghezza dell'area visibile o alle caratteristiche di visualizzazione dell'utente
all'inizio del ciclo di vita del caricamento.
Scopri come utilizzarlo nella documentazione MDN per rel="preload".
HTMLMediaElement.preservesPitch
La proprietà preservesPitch negli elementi <audio> e <video> controlla
se il browser regola l'intonazione dell'audio quando cambia playbackRate.
Se lo imposti su false, la tonalità cambia quando acceleri o rallenti la riproduzione dei contenuti multimediali.
Consulta i dettagli nella pagina MDN per HTMLMediaElement.preservesPitch.
:dir() pseudo-class
La pseudo-classe CSS :dir() corrisponde agli elementi in base alla direzionalità del testo
(ad esempio ltr o rtl), alla direzione corrispondente ereditata dagli attributi HTML come
dir o al contesto del testo calcolato.
Scopri di più nella pagina MDN per la pseudo-classe :dir.
Funzione matematica pow()
La funzione CSS pow() calcola i valori di potenza esponenziale direttamente all'interno delle dichiarazioni CSS, elevando un numero di base a un esponente (ad esempio, pow(2, 3)).
Ciò semplifica il ridimensionamento adattabile e le relazioni matematiche della griglia.
Leggi i dettagli nel riferimento MDN per la funzione pow.
Proprietà CSS mask
La proprietà abbreviata CSS mask nasconde parti di un elemento utilizzando immagini o
gradienti come livelli di ritaglio. Combina proprietà secondarie come mask-image,
mask-position e mask-repeat per creare effetti di mascheramento visivo complessi.
Scopri di più nella pagina MDN relativa alla proprietà mask.
@media (scripting)
Il test della funzionalità multimediale scripting verifica se gli script lato client (ad esempio
JavaScript) sono attivi e disponibili nel contesto del browser. In questo modo, gli stili di potenziamento progressivo possono essere indirizzati a ambienti con o senza JavaScript attivo.
Scopri di più nel riferimento MDN per la funzionalità di scripting dei contenuti multimediali.
URL.canParse()
Il metodo statico URL.canParse() verifica se una determinata stringa è un URL valido e analizzabile (con un URL di base facoltativo) senza generare un'eccezione, semplificando la convalida dell'URL in fase di runtime prima di creare istanze di oggetti URL.
Consulta i dettagli dell'implementazione nella documentazione MDN per URL.canParse.
API Storage Access
L'API Storage Access fornisce un meccanismo per consentire ai contenuti cross-site incorporati
all'interno di <iframe> di terze parti di richiedere l'accesso ai cookie e allo spazio di archiviazione
non partizionati, consentendo l'autenticazione e le interazioni stateful oltre i confini
del dominio.
Leggi i dettagli nella pagina MDN dell'API Storage Access.
Conclusioni
Se abbiamo dimenticato qualcosa relativo a Baseline, comunicacelo e ci assicureremo che venga incluso in una delle prossime edizioni. Se hai domande o vuoi fornire un feedback su Baseline, puoi segnalare un problema nel nostro strumento di monitoraggio dei problemi.