Nouplo

Formattatore CSS

Una dichiarazione per riga — o l’intero file su una sola.

Risultato
Incolla o scrivi qui sopra per vedere il risultato.

I tuoi file restano sul tuo dispositivo

Questo strumento viene eseguito interamente nel tuo browser. Ciò che incolli viene elaborato sul tuo dispositivo e non viene mai inviato a un server, quindi puoi usarlo in sicurezza con token, chiavi e testi non pubblicati.

Come funziona

  1. Incolla il CSS.
  2. Impaginando, ogni selettore e ogni dichiarazione vanno su una riga propria, con una riga vuota tra le regole.
  3. Comprimendo spariscono i commenti e ogni spazio che non serve a nulla.
  4. Copia o scarica il risultato.

Domande frequenti

E una graffa dentro una stringa o dentro url()?
Resta com’è. Stringhe e commenti vengono letti come blocchi interi prima di qualsiasi divisione sulle graffe, così content: "}" viene formattato correttamente invece di spezzare la regola a metà.
La minificazione conserva lo spazio in .a .b?
Sì. Quello spazio è il combinatore di discendenza e significa qualcosa; gli spazi attorno ai due punti o a una graffa no. Spariscono solo quelli senza significato.
Riordina o accorcia le mie proprietà?
No. Nulla viene unito, accorciato o spostato: #ffffff resta #ffffff. Qui si impagina quello che hai scritto, non lo si riscrive.
Viene inviato qualcosa a un server?
No. Gira nel browser: quello che incolli resta sul tuo computer.

Strumenti correlati

‹› Formattatore HTML Indentato per leggerlo, o compresso per pubblicarlo. • Minificatore JavaScript Più piccolo — e dimostrabilmente lo stesso codice. ◐ Verifica del contrasto Se qualcuno riesce davvero a leggerlo. ◒ Convertitore di colore HEX, RGB, HSL e CMYK — più il rapporto di contrasto che decide la leggibilità.