Come posso formattare il codice in questa pagina?
Incolla il codice nell’editor a sinistra o carica un file, scegli le opzioni necessarie e premi Formatta. Controlla il risultato a destra, quindi copialo o salvalo.
Il Formattatore CSS trasforma fogli di stile minificati o con spaziatura incoerente in CSS leggibile, con rientri uniformi, parentesi graffe, selettori, dichiarazioni, media query e at-rule annidate.
Scegli tabulazioni o spazi, posiziona le parentesi graffe di apertura sulla stessa riga o su una riga separata, suddividi gli elenchi di selettori e regola la spaziatura tra le regole. Stringhe, proprietà personalizzate, commenti, funzioni e URL di dati vengono analizzati senza sostituzioni distruttive basate su espressioni regolari.
La minificazione rimuove gli spazi CSS superflui senza ristrutturare le regole. Ottimizza e minifica può anche unire e riorganizzare regole CSS compatibili per ridurre le dimensioni. Formattazione e compressione avvengono localmente nel browser. Usa Formattatore SCSS per variabili, nidificazione, mixins, funzioni e altre sintassi SCSS.
Incolla il codice nell’editor a sinistra o carica un file, scegli le opzioni necessarie e premi Formatta. Controlla il risultato a destra, quindi copialo o salvalo.
L’input deve corrispondere al linguaggio o alla sintassi selezionati. Controlla istruzioni incomplete, parentesi o virgolette non chiuse e un dialetto o una modalità non adatti, quindi riprova.
Un formattatore riconosce token e strutture annidate del linguaggio, poi riscrive rientri, spazi e interruzioni di riga secondo regole coerenti. Non compila né esegue il programma, quindi non sostituisce un controllo di correttezza o sicurezza.
2 spazi, parentesi aperte sulla stessa riga, selettori separati e spazio tra le regole sono convenzioni Web comuni. Controlla rientro, stile delle parentesi e interruzioni di selettori e regole, quindi scegli formattazione, minificazione dei soli spazi o ottimizzazione più intensa del CSS valido.