Come si usa
- Imposta Indentazione su 2 spazi, 4 spazi o Tabulazione.
- Imposta Parentesi graffe su Stessa riga o Riga successiva.
- Incolla il CSS nell’editor di input: fino a 100 KB, la formattazione è automatica.
Esempi
Stili responsive per un catalogo
.catalogo{display:grid;gap:24px}@media (max-width:600px){.catalogo{grid-template-columns:1fr}.scheda{padding:16px;&:hover{background:#f5f5f5}}}.catalogo
{
display: grid;
gap: 24px;
}
@media (max-width:600px)
{
.catalogo
{
grid-template-columns: 1fr;
}
.scheda
{
padding: 16px;
&:hover
{
background: #f5f5f5;
}
}
}Rimuovere le note mantenendo la licenza
/*! Tema negozio - licenza MIT */
/* Intestazione del sito */
.intestazione{background:#fff;color:#222}/* Pulsante acquisto */
.pulsante-acquista{padding:12px 24px;color:#fff;background:#176b37}/*! Tema negozio - licenza MIT */
.intestazione {
background: #fff;
color: #222;
}
.pulsante-acquista {
padding: 12px 24px;
color: #fff;
background: #176b37;
}Suggerimenti
- Per SCSS o LESS usa il formattatore di codice.
- Ti serve il file più leggero? Minifica il CSS.
- Confronta prima e dopo con Confronto testi.
Domande frequenti
Ordinare le proprietà CSS può cambiare il risultato?
Con Ordina proprietà impostato su A–Z, lo strumento mantiene l’ordine originale se il riordino cambierebbe la precedenza tra proprietà, per esempio margin e margin-top. In questi casi mostra un avviso.
Come trovo un errore di sintassi nel CSS?
Se il CSS non può essere analizzato, lo strumento indica riga e colonna ed evidenzia la riga nell’editor di input. Il risultato viene svuotato: correggi l’errore segnalato prima di proseguire.
Il CSS viene inviato a un server?
Il CSS viene analizzato e formattato nel browser; il codice dello strumento non lo invia al server. Il CSS non viene salvato: nel browser (localStorage) restano memorizzate solo le impostazioni delle opzioni.
Posso formattare anche SCSS e LESS?
Per SCSS e LESS usa il Formattatore di codice. Questo strumento è pensato per CSS e supporta anche l’annidamento nativo; alcune istruzioni SCSS semplici possono essere accettate, ma ciò non significa che SCSS sia supportato.
Qual è la differenza tra formattare e minificare CSS?
La formattazione rende il codice leggibile, con una dichiarazione per riga e un’indentazione coerente. Per minificare il CSS usa lo strumento separato CSS Minifier.