CSS-Formatierer

CSS-Regeln mit lesbarer Einrückung formatieren.

Eingabe

Ausgabe

Wann nutzen CSS-Formatierer

Eingefügtes Ein-Zeilen-CSS ordnen
Stylesheets für Review vorbereiten
Verschachtelte Regeln lesbar machen

Beispiel

Eingabe

.card{width:calc(100% - 2rem);content:"a;b"}

Ausgabe

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Vorteile

Kostenlos im Browser
Keine Installation oder Anmeldung
Sofortige Ergebnisse auf Ihrem Gerät
Formatieren validiert keine Syntax. Styles live im Compiler testen.

Verwandte Tools