So nutzen Sie es

Vier Schritte: einfügen, ausführen, prüfen, kopieren. Alles bleibt im Browser.

Eingabe einfügen

CSS, HTML, JSON oder anderen Text einfügen. Nichts wird hochgeladen.

Tool ausführen

Auf Konvertieren oder Ausführen klicken. Das Ergebnis erscheint sofort.

Ausgabe prüfen

Generierten Code und Hinweise prüfen, bevor Sie ihn übernehmen.

Kopieren und nutzen

Ausgabe kopieren und in Ihr Projekt einfügen.

Über dieses Tool

Der Formatierer bringt komprimiertes oder unordentlich gewachsenes CSS in eingerückte Regeln, damit Reviews und Diffs lesbar bleiben. Verändert werden nur Leerraum und Struktur, nicht die Kaskade.

Beispiel

Das Beispiel beginnt als minifizierte Karte und erhält seine Einrückung zurück.

Eingabe

.card{display:flex;padding:1.5rem;border-radius:.5rem;background:#fff}.card h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}

Ausgabe

.card {
  display: flex;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #fff;
}

Tipp

Vor dem Review formatieren, minifizieren erst beim Produktions-Build.