Stimmt etwas mit diesem Tool nicht?
Über „CSS Formatieren Online“
Dieses Tool verwandelt minifiziertes oder unsauberes CSS in eine gut eingerückte, lesbare Form. Jede Deklaration in eigene Zeile, normierte Abstände um Klammern und Doppelpunkte, optional sortierte Properties, einheitliche Leerzeichen und Kommentar-Platzierung.
Hilfreich beim Lesen minifizierter Produktions-Styles, vor Code Reviews oder bei der Vereinheitlichung vor dem Commit.
Unterstützt verschachtelte Selektoren, Media Queries, Keyframes, Custom Properties und moderne Features wie CSS Layers. Sort-Properties-Modus liefert diff-freundliche Ausgabe.
So nutzt du dieses Tool
Minifiziertes oder unordentliches CSS schön formatieren
CSS einfügen
Minifiziertes oder ungleichmäßig eingerücktes CSS ins Feld «CSS». Ganze Stylesheets oder Fragmente — Kommentare, Media-Queries und verschachtelte At-Rules werden durchgereicht.
Ausführen
Ergebnis: einzelnes Feld `formatted` — eine Deklaration pro Zeile, zwei Leerzeichen Einrückung in Klammern, Leerzeile zwischen Top-Level-Regeln. Selektoren bleiben einzeilig; sehr lange werden nicht umgebrochen.
Was nicht passiert
Keine Vendor-Prefix-Expansion, keine shorthand→longhand-Umwandlung, kein Autoprefixing, kein Wert-Rewrite. `margin:0 5px` bleibt `margin: 0 5px;`, statt vier separater Top/Right/Bottom/Left-Eigenschaften.
Wann wieder minifizieren
Zum Review formatieren, vor dem Deploy mit css-minifier-online wieder minifizieren. Round-Trip ist für valides CSS sicher — ungültiger Input wird best-effort verarbeitet und parst danach evtl. nicht identisch.