Il formatter usa uno scanner che riconosce la sintassi, invece di dividere il codice a ogni parentesi graffa o punto e virgola. Tiene traccia di stringhe, commenti, funzioni, selettori di attributo e blocchi annidati, così la punteggiatura dentro un URL o un valore tra virgolette rimane intatta.
CSS Formatter gratis
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
CSS sorgente
CSS formattato
Incolla il CSS da formattare
A cosa serve un CSS formatter?
Un CSS formatter trasforma un foglio di stile compresso o con spaziatura irregolare in codice leggibile, con rientri e interruzioni di riga coerenti. Incolla il CSS, scegli due spazi, quattro spazi o tab, quindi copia o scarica il risultato. Tutto avviene nel browser e l'ordine delle dichiarazioni resta invariato.
Come si usa
- 1Incolla il CSS. Inserisci nell'editor un foglio di stile, un blocco di selettori o uno snippet CSS compresso.
- 2Scegli il rientro. Seleziona due spazi, quattro spazi o tab. Il risultato formattato si aggiorna subito.
- 3Controlla lo stato. Consulta i conteggi strutturali oppure correggi un delimitatore, un commento o una stringa non chiusi.
- 4Copia o scarica. Copia il CSS formattato negli appunti oppure salvalo come formatted.css.
A chi serve
- Sviluppatori front-end che espandono il CSS di produzione per leggerlo e correggerlo più facilmente.
- Revisori del codice che uniformano i rientri prima di confrontare un foglio di stile o uno snippet di una pull request.
- Studenti che vogliono leggere meglio media query, selettori e blocchi di dichiarazioni annidati.
- Team di assistenza e QA che sistemano il CSS copiato dagli strumenti del browser prima di inserirlo in un ticket.
Domande frequenti
Questo CSS formatter è gratis?
Sì. Puoi formattare tutto il CSS che il browser riesce a gestire comodamente. Non servono account, installazioni o quote di utilizzo, e il risultato è disponibile subito.
Il mio CSS viene caricato su un server?
No. La formattazione avviene in locale nel browser. Il CSS incollato resta nell'editor della pagina e non viene inviato a un'API, quindi puoi usarlo anche per progetti riservati.
Quanto CSS posso formattare?
Non c'è un limite fisso di caratteri. I fogli di stile generati molto grandi dipendono comunque dalla memoria del dispositivo, mentre il CSS di siti, componenti ed email comuni viene elaborato in pochi istanti.
La formattazione modifica il comportamento del CSS?
Il formatter cambia spazi e interruzioni di riga, ma conserva selettori, dichiarazioni, commenti, stringhe tra virgolette e relativo ordine. Controlla il risultato prima di pubblicarlo, soprattutto con sintassi sperimentali o escape sensibili agli spazi.
Il formatter convalida le proprietà CSS?
No. Controlla soltanto il bilanciamento di parentesi graffe, quadre e tonde, commenti e stringhe. Non verifica se una proprietà, un valore o una funzione specifica del browser sia semanticamente valida.
Formatta media query e CSS annidato?
Sì. I blocchi dentro at-rule come media, supports, container, layer e keyframes vengono rientrati in base alla profondità. Anche i selettori annidati moderni vengono ordinati senza alterare stringhe e argomenti delle funzioni.