Formattatore CSS

Formatta regole CSS con indentazione leggibile.

Input

Output

Quando usare Formattatore CSS

Organizzare CSS incollato su una riga
Preparare fogli di stile per revisione
Rendere leggibili regole annidate

Esempio

Input

.card{width:calc(100% - 2rem);content:"a;b"}

Output

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Vantaggi

Gratuito nel browser
Nessuna installazione o registrazione
Risultati immediati sul tuo dispositivo
Formattare non valida la sintassi. Prova gli stili live nel compilatore.

Strumenti correlati