CSS formatieren
Sie haben ein minimiertes Stylesheet (alles in einer Zeile) heruntergeladen oder online generierten CSS-Code kopiert? Fügen Sie ihn hier ein, um eine lesbare Version mit einer Deklaration pro Zeile zu erhalten. Einfacher Formatierer (Block-Einrückung): Er ordnet Eigenschaften nicht neu an, validiert nicht die Syntax und führt keine doppelten Regeln zusammen.
Wie funktioniert es?
Fügen Sie Ihr minifiziertes oder kompaktes CSS ein und klicken Sie auf „Formatieren“: Das Tool setzt die öffnende geschweifte Klammer ans Ende der Selektorzeile, stellt jede Deklaration (Eigenschaft: Wert) in eine eigene Zeile, rückt 2 Leerzeichen pro Ebene ein (verschachtelte Regeln wie @media werden behandelt) und setzt die schließende geschweifte Klammer auf eine eigene Zeile.
Warum stehen meine CSS-Kommentare an seltsamen Stellen?
Das Tool erhält den Inhalt der Kommentare <code>/* ... */</code>, positioniert sie aber nicht intelligent in Bezug auf die umliegenden Deklarationen: Sie bleiben an der Stelle, an der sie im ursprünglichen Quellcode erschienen.
Ändert die Formatierung das Verhalten meines CSS?
Nein. Nur die Darstellung des Codes (Leerzeichen, Zeilenumbrüche, Einrückung) wird geändert. Selektoren, Eigenschaften und Werte bleiben strikt identisch.
Die Formatierung erfolgt 100% lokal in Ihrem Browser über WebAssembly: Ihr CSS-Code wird niemals an einen Server gesendet.