Formattatore CSS
Formatta o minifica codice CSS online con rientro configurabile e rimozione di spazi superflui.
Esegui lo strumento
Questo strumento online riorganizza fogli di stile CSS per renderli leggibili oppure compatti. Quando inserisci regole con selettori e dichiarazioni, puoi scegliere la modalità di formattazione estesa con a capo ordinati oppure la modalità di minificazione, che rimuove commenti a blocchi e riduce gli spazi bianchi attorno a parentesi graffe, punti e virgola e due punti. Puoi personalizzare il rientro numerico impostando un valore compreso tra zero e otto spazi; se indichi un valore non valido o non numerico, il sistema applica automaticamente il valore predefinito di due spazi. L'elaborazione accetta testi fino a un milione di byte codificati in formato UTF-8. Se l'area di testo rimane vuota o contiene soltanto caratteri di spaziatura, lo strumento restituisce un testo vuoto senza errori. L'interfaccia non esegue convalide sintattiche né controlli di conformità agli standard CSS, ma trasforma la struttura visiva del codice inserito mantenendo le proprietà originali.
Istruzioni
- Incolla il codice CSS nella casella di testo principale.
- Imposta il numero di spazi per il rientro tra 0 e 8.
- Seleziona la modalità di formattazione estesa per ordinare il testo o di minificazione per compattarlo.
- Fai clic sul pulsante di elaborazione per visualizzare il codice modificato nel riquadro finale.
Esempi
- Formattazione leggibile con 2 spazi di rientro: inserendo `header { color: red; margin: 0; }` in modalità estesa, il risultato organizza le proprietà su righe separate con due spazi prima di ogni dichiarazione.
- Minificazione compatta: inserendo `/* stile base */ body { background-color: #fff; padding: 10px; }` in modalità minifica, il risultato elimina il commento e gli spazi superflui producendo `body{background-color:#fff;padding:10px;}`.
FAQ
Cosa accade se inserisco un valore di rientro superiore a 8?
Se inserisci un numero esterno all'intervallo tra 0 e 8 o un valore non numerico, lo strumento imposta automaticamente il rientro predefinito a 2 spazi.
Questo strumento controlla gli errori di sintassi CSS?
No, il formattatore riorganizza gli spazi e la struttura visiva del codice ma non funge da validatore sintattico o compilatore per gli standard CSS.
Esiste un limite massimo alla dimensione del testo CSS inserito?
Sì, il testo inviato per la formattazione può raggiungere una dimensione massima di 1.000.000 di byte in codifica UTF-8.
Cosa succede se invio un testo vuoto o contenente solo spazi?
Lo strumento restituisce direttamente un risultato vuoto con dimensione pari a zero, senza generare errori di elaborazione.