Über dieses Tool
Der CSS-Beautifier ist ein kostenloser Formatter, der direkt im Browser läuft und minifiziertes oder unübersichtliches CSS in ein sauberes, gleichmäßig eingerücktes Layout verwandelt. Zunächst werden vorhandene Leerräume zusammengefasst, dann wird die Struktur von Grund auf neu aufgebaut: Jede Regel und jede Deklaration steht in einer eigenen Zeile, eine öffnende geschweifte Klammer bleibt in der Selektorzeile, eine schließende Klammer rückt in eine eigene Zeile, und verschachtelte Blöcke werden pro Ebene um zwei Leerzeichen eingerückt.
Es arbeitet ausschließlich mit den Satzzeichen, die Selektoren, Blöcke und Deklarationen trennen, und fügt nach jedem Doppelpunkt einer Deklaration ein einzelnes Leerzeichen sowie vor einer öffnenden Klammer ein Leerzeichen ein. Eigenschaftsnamen und Werte bleiben unverändert, sodass sich nur die Abstände ändern und das Styling unberührt bleibt. Die Formatierung erfolgt live während der Eingabe, vollständig in Ihrem Browser – keine Uploads, keine Konten, kein Tracking, und es funktioniert offline.
Das ist praktisch, wenn Sie ein komprimiertes Stylesheet aus einer Build-Ausgabe lesen, vergleichen oder von Hand bearbeiten möchten oder einen einzeiligen Ausschnitt in etwas Lesbares aufklappen wollen. Fügen Sie das CSS ein, prüfen Sie das aufgeräumte Ergebnis im Ausgabefeld und kopieren Sie es mit einem Klick.