Informazioni su questo strumento
CSS Beautifier è un formattatore gratuito che funziona nel browser e trasforma CSS minificato o disordinato in un layout pulito e indentato in modo coerente. Prima comprime lo spazio bianco esistente, poi ricostruisce la struttura da zero: ogni regola e dichiarazione va su una riga propria, la parentesi graffa di apertura resta sulla riga del selettore, quella di chiusura scende su una riga a sé, e i blocchi annidati vengono indentati di due spazi per livello.
Lavora esclusivamente sulla punteggiatura che separa selettori, blocchi e dichiarazioni, aggiungendo un singolo spazio dopo i due punti di ogni dichiarazione e uno spazio prima della parentesi graffa di apertura. I nomi delle proprietà e i valori restano intatti, quindi cambia solo la spaziatura e lo stile non viene modificato. La formattazione avviene in tempo reale mentre digiti, interamente nel tuo browser: nessun caricamento, nessun account, nessun tracciamento, e funziona offline.
È utile quando devi leggere, confrontare o modificare a mano un foglio di stile compresso estratto dall'output di una build, o per espandere uno snippet su una sola riga in qualcosa di leggibile. Incolla il CSS, controlla il risultato ordinato nel riquadro di output e copialo con un solo clic.