E una graffa dentro una stringa o dentro url()?

Resta com’è. Stringhe e commenti vengono letti come blocchi interi prima di qualsiasi divisione sulle graffe, così content: "}" viene formattato correttamente invece di spezzare la regola a metà.

La minificazione conserva lo spazio in .a .b?

Sì. Quello spazio è il combinatore di discendenza e significa qualcosa; gli spazi attorno ai due punti o a una graffa no. Spariscono solo quelli senza significato.

Riordina o accorcia le mie proprietà?

No. Nulla viene unito, accorciato o spostato: #ffffff resta #ffffff. Qui si impagina quello che hai scritto, non lo si riscrive.

Viene inviato qualcosa a un server?

No. Gira nel browser: quello che incolli resta sul tuo computer.

Formattatore CSS

Una dichiarazione per riga — o l’intero file su una sola.

Gli esempi sostituiscono temporaneamente i dati e le impostazioni. Puoi ripristinare il lavoro precedente.

Input0 caratteri

Che cosa fareRientro

Risultato

Incolla o scrivi qui sopra per vedere il risultato.

I tuoi file restano sul tuo dispositivo

Questo strumento viene eseguito interamente nel tuo browser. Ciò che incolli viene elaborato sul tuo dispositivo e non viene mai inviato a un server, quindi puoi usarlo in sicurezza con token, chiavi e testi non pubblicati.

Esempio

Esempio pratico — Formattatore CSS

Inserisci le righe in ordine e usa le impostazioni seguenti. Confronta il risultato con le righe di uscita.

Voce	Valore
Ingresso 1	a{color:red;margin:0}
Che cosa fare	Impaginalo
Rientro	2 spazi
Uscita 1	a {
Uscita 2	color: red;
Uscita 3	margin: 0;
Uscita 4	}

Le due dichiarazioni CSS occupano righe separate con rientro di due spazi. I valori red e 0 non cambiano.

Come funziona

Incolla il CSS.
Impaginando, ogni selettore e ogni dichiarazione vanno su una riga propria, con una riga vuota tra le regole.
Comprimendo spariscono i commenti e ogni spazio che non serve a nulla.
Copia o scarica il risultato.

Domande frequenti

E una graffa dentro una stringa o dentro url()?: Resta com’è. Stringhe e commenti vengono letti come blocchi interi prima di qualsiasi divisione sulle graffe, così content: "}" viene formattato correttamente invece di spezzare la regola a metà.
La minificazione conserva lo spazio in .a .b?: Sì. Quello spazio è il combinatore di discendenza e significa qualcosa; gli spazi attorno ai due punti o a una graffa no. Spariscono solo quelli senza significato.
Riordina o accorcia le mie proprietà?: No. Nulla viene unito, accorciato o spostato: #ffffff resta #ffffff. Qui si impagina quello che hai scritto, non lo si riscrive.
Viene inviato qualcosa a un server?: No. Gira nel browser: quello che incolli resta sul tuo computer.

Strumenti correlati

‹› Formattatore HTML Indentato per leggerlo, o compresso per pubblicarlo. • Minificatore JavaScript Più piccolo — e dimostrabilmente lo stesso codice. ◐ Verifica del contrasto Se qualcuno riesce davvero a leggerlo. ◒ Convertitore di colore HEX, RGB, HSL e CMYK — più il rapporto di contrasto che decide la leggibilità.