Come si usa
- Incolla il tuo CSS, apri un file
.csso parti dall'esempio: un foglio di stile minificato. - Scegli 2 spazi, 4 spazi o tabulazioni. Il CSS formattato compare mentre scrivi.
- Copialo o scaricalo come
styles.css.
Cosa fa
Ogni regola ha il suo blocco, ogni dichiarazione la sua riga, e le regole dentro @media e altre at-rule vengono indentate di un livello in più. Selettori, valori e commenti restano come sono, quindi il foglio di stile significa esattamente la stessa cosa.
Quando è utile
- Per leggere un foglio di stile minificato di un tema, di un framework o di un sito che stai ispezionando.
- Per mettere in ordine il CSS prima di modificarlo, così una modifica tocca una riga invece di una sola lunghissima.
- Per confrontare due fogli di stile: formattali entrambi, poi fai un diff.
Domande frequenti
Corregge il CSS non valido?
No. Indenta ciò che c'è; una parentesi mancante resta mancante. I browser saltano le dichiarazioni che non riescono a leggere, quindi un carattere fuori posto di solito rompe una regola, non tutto il foglio di stile.
Ordina le proprietà?
No. In CSS l'ordine può contare (vince la dichiarazione successiva), quindi resta come è scritto.
Posso minificarlo di nuovo dopo?
Sì: il Minificatore CSS lo riporta a una sola riga compatta.
Il mio CSS viene caricato da qualche parte?
No. La formattazione avviene nel tuo browser.