RUNWEBTOOLS
Italiano

Formattatore CSS

Abbellisci e riordina CSS disordinato o minificato nel tuo browser.

In tempo reale — formatta mentre digiti

Esempi

Abbellire CSS minificato

Input

.btn{color:#fff;background:#000;padding:8px 16px;}

Output

.btn {
  color: #fff;
  background: #000;
  padding: 8px 16px;
}

Riordinare spaziatura incoerente

Input

a{color:blue;}  a:hover{color:red;}

Output

a {
  color: blue;
}

a:hover {
  color: red;
}

Informazioni su questo strumento

Questo formattatore CSS online e gratuito trasforma fogli di stile disordinati o minificati in CSS pulito e ben indentato — un rapido strumento di abbellimento e stampa leggibile del CSS. Incolla il tuo CSS, scegli uno stile di indentazione, e il risultato formattato appare all'istante. Tutto funziona nel tuo browser senza upload, quindi il tuo codice non lascia mai il tuo dispositivo.

Come si usa

  1. Incolla il tuo CSS nella casella di input (clicca Esempio per provare).
  2. Scegli un'indentazione di 2 spazi, 4 spazi o una tabulazione.
  3. Leggi il CSS abbellito nella casella di output a destra.
  4. Copia il risultato con il pulsante Copia.

Quando usare un formattatore CSS

Riformattare aiuta quando copi CSS compresso da un bundle compilato, erediti un foglio di stile con spaziatura incoerente o vuoi leggere una regola prima di modificarla. Un'indentazione coerente rende evidenti selettori e annidamento e mantiene i diff puliti.

Domande frequenti

Questo formattatore CSS è gratuito?

Sì — è un formattatore e abbellitore CSS online completamente gratuito, senza registrazione e senza limiti. Formatta e indenta tutto il CSS che vuoi.

Il mio CSS viene caricato su un server?

No. È uno strumento senza upload — il tuo CSS viene formattato interamente nel tuo browser, quindi il codice non lascia mai il tuo dispositivo. Sicuro per fogli di stile privati o interni.

Cosa fa l'abbellitore CSS?

Mette ogni regola e dichiarazione su una riga propria, normalizza la spaziatura attorno a parentesi graffe, due punti e punti e virgola, e reindenta tutto, così il CSS minificato o disordinato diventa leggibile.

Posso scegliere l'indentazione?

Sì — scegli 2 spazi, 4 spazi o tabulazioni. La tua scelta viene ricordata nel browser per la prossima volta.

Funziona con SCSS o Less?

Gestisce bene la maggior parte della sintassi SCSS e Less per indentazione e riordino, dato che la struttura è simile al CSS. Formatta invece di compilare — non espande annidamenti o variabili.

Espande il CSS minificato?

Sì. Incolla un foglio di stile su una riga o minificato e viene riespanso in un insieme di regole leggibile e ben indentato.

Funziona offline e su mobile?

Una volta caricata la pagina funziona in locale, quindi continua a funzionare con una connessione instabile, e il layout è pienamente responsivo su telefoni e tablet.

Strumenti correlati

Formattatore JSON

Formatta, valida e abbellisci JSON all’istante nel tuo browser.

Formattatore HTML

Abbellisci e indenta HTML disordinato o minificato nel tuo browser.

Formattatore JavaScript

Abbellisci e indenta JavaScript minificato o disordinato nel tuo browser.

Formattatore SQL

Formatta le query SQL con le parole chiave in maiuscolo.