Con il rilascio di Safari 27 e Firefox 155, un gruppo di funzionalità CSS è diventato «Baseline», cioè supportato da tutti i principali browser nelle versioni più recenti. Per chi sviluppa siti significa poterle usare con fiducia, prevedendo un'alternativa solo per i browser meno aggiornati.

La funzione progress()

Restituisce un numero che indica la posizione di un valore tra un minimo e un massimo, normalmente compreso tra 0 e 1. È utile per dimensionamenti fluidi, opacità o colori che variano in base alla larghezza della finestra o del contenitore:

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

Firefox 155 e Safari 27 supportano anche l'opzione no-clamp, che permette di ottenere valori al di fuori dell'intervallo 0–1.

La funzione alpha()

Permette di modificare la sola trasparenza di un colore, mantenendone canali e spazio colore. È particolarmente comoda quando i colori sono definiti come variabili e serve una variante semitrasparente senza duplicarli.

La parola chiave revert-rule

Riporta una proprietà allo stato che avrebbe avuto prima dell'applicazione della regola corrente. Offre un controllo più preciso rispetto a revert quando si lavora con fogli di stile stratificati.

Immagini in light-dark()

La funzione light-dark() accetta ora anche valori di tipo immagine: si possono quindi indicare sfondi o illustrazioni diverse per il tema chiaro e quello scuro direttamente nel CSS.

overflow-anchor e font-width

  • overflow-anchor, già presente in Chrome e Firefox, arriva in Safari 27: lo scroll anchoring evita che la pagina «salti» quando cambia il contenuto sopra il punto di lettura
  • font-width sostituisce font-stretch secondo la specifica CSS Fonts 4, come proprietà e come descrittore di @font-face

Come adottarle

Baseline «Newly available» significa che il supporto è presente nelle versioni più recenti, non ancora in tutte quelle in circolazione. Per le funzionalità che incidono sull'aspetto della pagina conviene prevedere un valore di riserva o usare @supports, così che chi usa un browser meno aggiornato veda comunque un layout corretto.