Come si usa
- Incolla il tuo CSS, SCSS o Less.
- Scegli il linguaggio e il rientro.
- Fai clic su Formatta oppure premi Ctrl+Enter (⌘+Enter su Mac).
- Copia il foglio di stile formattato.
Opzioni spiegate
- Linguaggio
- CSS, SCSS o Less. Scegli quello giusto perché variabili ($gap, @gap) e regole annidate vengano interpretate correttamente.
- Rientro e larghezza riga
- Il rientro di regole e dichiarazioni annidate e la larghezza oltre la quale vanno a capo gli elenchi di selettori e i valori lunghi.
Esempi
CSS minificato di un framework. Incolla un file .min.css su una sola riga per leggere le regole una per una.
Pulizia di SCSS. Incolla SCSS annidato con rientri misti e ottieni un annidamento coerente a due spazi.
Domande frequenti
Cosa cambia la formattazione?
Mette ogni dichiarazione su una riga a sé, uniforma gli spazi attorno a due punti e parentesi graffe, converte in minuscolo i colori esadecimali e riduce a una sola le righe vuote consecutive. L'ordine delle proprietà e i valori non cambiano.
Posso de-minificare il CSS di un sito web?
Sì. Incolla il file minificato e fai clic su Formatta. I commenti rimossi dal minificatore non si possono recuperare.
Il mio codice viene caricato?
No. La formattazione avviene nel tuo browser.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.