Abbellitore CSS

Riformatta CSS minificato o disordinato in regole pulite e indentate — o minificalo di nuovo.

Lo strumento interattivo ha bisogno di JavaScript per funzionare. Tutto il resto di questa pagina — come funziona, un esempio svolto e le risposte alle domande più comuni — si trova più in basso e non ha bisogno di nulla.

Strumenti correlati

Tutti gli strumenti: JSON, XML e formati →

Abbellitore HTMLTrasforma HTML minificato o ingarbugliato in markup leggibile e indentato — o minificalo.Minificatore / abbellitore JavaScriptMinifica o formatta JavaScript nel tuo browser, con un tokenizer che rispetta stringhe, regex e commenti.Minificatore CSSRiduci il CSS rimuovendo commenti e spazi inutili.Generatore di ombra CSS (box-shadow)Regola un'ombra CSS con anteprima dal vivo e copia il codice generato — offset, sfocatura, estensione, colore, inset.Compressore CSSMinifica il CSS rimuovendo commenti e spazi per ridurre la dimensione del foglio di stile.Laboratorio di CSS FlexboxSperimenta con flex-direction, wrap, justify-content, align-items e gap — anteprima dal vivo e CSS copiabile.Generatore di CSS GridCostruisci un layout CSS Grid visivamente — colonne, righe, spazi e allineamento — con anteprima dal vivo e CSS copiabile.Formattatore di date ISO 8601Trasforma qualsiasi data, ora e offset UTC in ISO 8601, RFC 3339, data settimana/ordinale, RFC 2822, data HTTP e timestamp Unix.

Abbellitore CSS funziona direttamente da questa pagina — gratuito, istantaneo, nulla da installare. Lo trovi sotto JSON, XML e formati, con Abbellitore HTML e Minificatore / abbellitore JavaScript per i casi vicini.

Come si usa

Apri lo strumento — senza registrazione né installazione.
Inserisci i tuoi dati o regola le opzioni disponibili.
Ottieni il risultato all'istante, poi copialo o scaricalo.

Domande frequenti

Che cos'è Abbellitore CSS?

Riformatta CSS minificato o disordinato in regole pulite e indentate — o minificalo di nuovo.

In quali casi si usa davvero?

Rendere leggibile un blob generato da una macchina, trovare il carattere in cui il parsing fallisce e alleggerire un file prima di pubblicarlo.

Qual è l'errore più comune?

Confondere valido con corretto. Un documento può essere analizzato senza errori e non avere comunque la forma attesa da chi lo leggerà: la validazione controlla la sintassi, non lo schema.

In cosa differisce Abbellitore CSS da Abbellitore HTML?

Sono vicini ma rispondono a domande diverse: Abbellitore HTML è quello da aprire quando si tratta di trasforma HTML minificato o ingarbugliato in markup leggibile e indentato — o minificalo. Scegli quello che corrisponde al tuo punto di partenza — entrambi sono gratuiti.

Esiste uno strumento per il passo successivo?

Minificatore / abbellitore JavaScript è il più vicino dopo questo: Minifica o formatta JavaScript nel tuo browser, con un tokenizer che rispetta stringhe, regex e commenti.

Cos'altro conviene tenere aperto accanto?

Minificatore CSS e Generatore di ombra CSS (box-shadow): ricorrono nella stessa attività abbastanza spesso da meritare una seconda scheda.

Da dove vengono i dati?

Analisi e serializzazione seguono la specifica di ciascun formato. L'ordine delle chiavi e gli spazi non hanno valore semantico in JSON né in YAML, quindi un documento riformattato resta equivalente anche se i byte cambiano.

Per approfondire

Tutte le guide →

GuidaChe cosa può togliere un minificatore e che cosa non deve toccareLa minificazione deve preservare il significato, e la parte interessante è lo spazio bianco che porta significato: il combinatore discendente, gli spazi dentro calc(), lo stacco fra due elementi inline. Misurato qui su file reali, compreso ciò che brotli ti avrebbe risparmiato comunque.GuidaFormattare o minificare: a cosa serve ciascuno e cosa cambia sul pesoQuattro fogli di stile veri passati nel minificatore, misurati grezzi e dopo gzip. Togliere tutti gli spazi ha fatto risparmiare 48, 103, 104 e 147 byte compressi; togliere i commenti 57, 1 358, 2 420 e 1 042. E i cinque input che questo minificatore rompe.SpiegazioneScrivere una data in ISO 8601, e perché è l'unico formato non ambiguo01/02/2026 è il 1º febbraio in gran parte d'Europa e il 2 gennaio negli Stati Uniti, e nulla nella stringa dice quale. ISO 8601 risolve la cosa, si ordina come testo, e smette di bastare in quattro punti precisi che la RFC 3339 rifiuta.SpiegazioneLeggere e scrivere l'ora militare americana0800 non è «le otto» né «08:00»: è «zero eight hundred», con una lettera di fuso in fondo. Le quattro cifre, la pronuncia, la mezzanotte a 0000, la disputa sul 2400, e perché la notazione a 12 ore non riesce a risolvere il mezzogiorno.TutorialCostruire una tabella Markdown da zero, senza contare i trattini a manoLa cosa più piccola che sia ancora una tabella sono due righe: una riga di intestazione e una riga delimitatrice. Ecco perché la seconda è obbligatoria in GitHub Flavored Markdown, dove le tabelle a barre non esistono affatto, e che cosa fa un generatore che scrivere a mano non può fare.GuidaIncollare una tabella in una pull request: che cosa si rompe, e i due caratteri che la romponoUna tabella Markdown vieta esattamente due caratteri dentro una cella: la barra verticale e l'a capo. Ecco che cosa fa ciascuno, come li tratta un convertitore, perché l'escape va applicato nell'ordine giusto, e perché il riempimento non conta mai.