CSS e UI
Scopri le API, gli strumenti e le tecniche più recenti per browser per creare interfacce utente efficaci e coinvolgenti.
Le ultime novità su CSS e UI
Nuova documentazione
Posizionamento ancoraggio
Posiziona gli elementi l'uno rispetto all'altro utilizzando l'API di ancoraggio.
Anima a height: auto; (e altre parole chiave relative alle dimensioni intrinseche)
Applica l'animazione alle parole chiave per le dimensioni intrinseche e viceversa con
interpolate-size e calc-size()
Stile barra di scorrimento
Utilizza le proprietà
scrollbar-width e scrollbar-color per definire lo stile delle barre di scorrimento.
Saldo a capo automatico del CSS
In CSS arriva una classica tecnica tipografica che prevede la creazione manuale di interruzioni di riga per blocchi di testo bilanciati.
Guida ai colori CSS ad alta definizione
CSS Color 4 offre sul Web strumenti e funzionalità per i colori con un'ampia gamma di colori: più colori, funzioni di manipolazione e gradienti migliori.
Modello a oggetti di tipo CSS
Il modello a oggetti tipo CSS (OM typed) consente di utilizzare tipi, metodi e un modello a oggetti flessibile per lavorare con i valori CSS.
Inizia a utilizzare le query stile
Esegui una query sui valori di stile di un elemento principale utilizzando la regola @container.
Nidificazione dei CSS
Una delle nostre funzionalità preferite del preprocessore CSS è ora integrata nel linguaggio: le regole di stile nidificate.
@scope CSS
Scopri come creare stili con ambito che selezionano gli elementi solo all'interno di una sottostruttura del DOM.
CSS color-mix()
Mescola i colori in uno qualsiasi degli spazi colore supportati direttamente dal tuo CSS.
Maggiore controllo sulle selezioni nth-child()
Prefiltra un insieme di elementi secondari prima di applicare la logica An+B.
Fisarmonica esclusiva
Crea un'accordion esclusiva con più elementi
<details> che hanno lo stesso name.
Presentazione degli elementi inerti
La proprietà inerte è un attributo HTML globale che semplifica la rimozione e il ripristino degli eventi di input utente per un elemento, inclusi eventi di interesse ed eventi delle tecnologie per la disabilità.
Testo a capo in CSS molto elegante
Attiva il ritorno a capo automatico ottimizzato, più che la bellezza della velocità.
Griglia CSS in DevTools
Come abbiamo progettato e implementato il supporto degli strumenti griglia CSS in DevTools.
Supporto di CSS-in-JS in DevTools
Come supportiamo CSS-in-JS in DevTools e in che modo è diverso dal CSS normale.