Abbellitore/formatore CSS online

Formattazione leggibile del CSS

Lo strumento riscrive il CSS con indentazione e interruzioni di riga. Ad esempio, dato body{color:red;margin:0;}, l'output abbellito è:

body {
  color: red;
  margin: 0;
}

Le dichiarazioni vengono mantenute nell'ordine originale.

Minificazione essenziale

La modalità di minimizzazione rimuove i commenti su più righe, gli spazi bianchi attorno a parentesi, due punti, punti e virgola e virgole, e rimuove il punto e virgola prima della parentesi graffa di chiusura. Non calcola la dimensione gzip e non genera source map.

Limiti e avvertenze

Questo è un formattatore di testo leggero, non un parser CSS completo. Stringhe complesse, valori di proprietà personalizzate, URL di dati, commenti usati come direttive o CSS malformati potrebbero non essere gestiti correttamente. Verifica sempre il risultato in un browser o in una pipeline di build.

L'elaborazione avviene interamente nel browser: nessun file viene caricato su un server.

Domande frequenti

Come gestisce i commenti?

In modalità abbellisci, i commenti vengono mantenuti. In modalità minimizza, i commenti su più righe vengono rimossi.

Posso scegliere il numero di spazi per l'indentazione?

Sì, puoi scegliere tra due spazi, quattro spazi o una tabulazione.

Il tool modifica l'ordine delle proprietà?

No, le dichiarazioni vengono mantenute nell'ordine originale.

Checklist per l'uso

• Incolla il CSS nell'area di input.
• Seleziona l'indentazione desiderata.
• Scegli se abbellire o minimizzare.
• Esegui l'operazione.
• Copia il risultato.