Lokale Verarbeitung

ENTWICKLER-TOOLS

CSS formatieren

Füge ein komprimiertes Stylesheet ein und erhalte es mit einer Regel pro Zeile und einheitlicher Einrückung zurück.

Werkzeug öffnen

CODE EDITOR

CSS Formatter

Local processing · professional engine · your code is never sent

CSS · ready to process
CSSinput.css
0 linesCSS
CSSformatted.cssPreview
0 linesRead onlyCSS

Das typische Szenario

Du musst herausfinden, warum ein Element in der Produktion falsch aussieht, und alles, was du hast, ist CSS in einer einzigen Zeile mit dreißigtausend Zeichen. Neues Einrücken macht daraus etwas, das man lesen, durchsuchen und vergleichen kann.

Es ändert nur die Formatierung, nie die Kaskade

Die Reihenfolge der Regeln bleibt exakt erhalten, und darauf kommt es in CSS an: Spezifität und Reihenfolge entscheiden, was gewinnt. Das Werkzeug sortiert oder gruppiert keine Selektoren, es verschiebt nur Leerraum und Umbrüche.

Ein nützlicher Schritt vor dem Vergleich

Willst du zwei Fassungen eines Stylesheets gegenüberstellen, formatiere zuerst beide. Minifiziertes CSS gegen eingerücktes CSS ergibt einen vollkommen unbrauchbaren Diff, selbst wenn der Inhalt fast gleich ist.

HÄUFIG GESTELLTE FRAGEN

Wird mein Stylesheet auf einen Server geladen?

Nein. Es wird im Browser verarbeitet, du kannst also CSS aus einem privaten Projekt formatieren, ohne dass es dein Gerät verlässt.

Ändert sich die Darstellung der Seite?

Nein. Nur Leerraum, Einrückung und Umbrüche ändern sich; Kaskade und Spezifität bleiben gleich.

Werden SCSS oder LESS unterstützt?

Es zielt auf Standard-CSS. Bei Präprozessor-Syntax kann die Ausgabe fehlerhaft sein.

Gruppiert oder sortiert es Selektoren?

Nein, und das mit Absicht: das Umsortieren von CSS-Regeln kann das visuelle Ergebnis verändern.