Categoria: Sviluppo
Formattatore CSS
Formatta o minifica CSS in locale con indentazione a 2 o 4 spazi
Incolla del CSS per formattarlo con indentazione a 2 o 4 spazi, oppure minificarlo nel modo più compatto e sicuro possibile. I commenti vengono mantenuti nella formattazione. Funziona interamente nel tuo browser.
Formattato nel tuo browser.
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.
A cosa serve
Un formattatore CSS reindenta regole e dichiarazioni in modo che selettori annidati e media query siano facili da leggere, mentre un minificatore rimuove commenti e spazi superflui per ridurre le dimensioni di un foglio di stile in produzione. Questo strumento riorganizza solo gli spazi bianchi e non valuta né esegue mai il CSS che gli viene fornito.
Come si usa
- Incolla il tuo CSS nella casella di input, oppure carica l'esempio.
- Scegli Formatta per un output leggibile o Minifica per la dimensione più ridotta.
- Copia il risultato; l'output formattato permette anche di scegliere l'indentazione a 2 o 4 spazi.
Privacy
Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.
Domande frequenti
- Il mio CSS viene caricato da qualche parte?
- No. Formattazione e minificazione avvengono tramite JavaScript in esecuzione nella pagina, quindi il tuo foglio di stile non lascia mai il tuo dispositivo.
- I commenti vengono mantenuti?
- L'output formattato mantiene i commenti su una riga a parte; l'output minificato li rimuove, come fanno la maggior parte degli strumenti di build in produzione.
- Il CSS viene validato?
- No. Vengono riorganizzati solo spazi bianchi e indentazione, quindi non vengono rilevati errori di battitura nei nomi delle proprietà o valori non validi.