DE

CSS formatieren

Mach minifiziertes oder unordentliches CSS lesbar: ein Selektor und eine Eigenschaft pro Zeile, einheitliche Abstände und klar eingerückte, verschachtelte Media Queries.

Kostenlos und privat. Alles läuft in deinem Browser, nichts wird hochgeladen.

So funktioniert es

  1. CSS einfügenFüge den Code ein, tippe ihn oder öffne eine Datei. Mit Beispiel siehst du, wie es aussieht.
  2. Ergebnis prüfenDas Ergebnis erscheint rechts, während du tippst. Fehler werden mit Zeile und Spalte angezeigt.
  3. Kopieren oder herunterladenKopiere das CSS mit einem Klick oder lade es als Datei herunter.

Jedes Stylesheet verstehen

Stylesheets, die von einer Live-Website kopiert wurden, sind meist in eine einzige Zeile minifiziert. Das Formatieren teilt sie in Regeln auf, die du schnell überfliegen kannst, mit Selektorlisten in eigenen Zeilen und Leerzeilen zwischen den Regeln.

Strings, url()-Werte und Data-URIs bleiben genau so, wie sie sind, auch wenn sie geschweifte Klammern oder Semikolons enthalten.

Wähle 2 Leerzeichen, 4 Leerzeichen oder Tabs, passend zum Stil deines Projekts, bevor du das Ergebnis zurückkopierst.

Über CSS

CSS bestimmt, wie Seiten aussehen. Formatiertes CSS setzt jede Regel und jede Eigenschaft in eine eigene Zeile; minifiziertes CSS entfernt alles, was ein Browser nicht braucht, und lässt Werte wie calc(1px + 2px) dabei intakt.

Häufige Fragen

Bleiben Kommentare erhalten?

Ja, beim Formatieren bleiben alle Kommentare. Beim Minifizieren werden sie entfernt, außer Kommentare, die mit /*! beginnen und meist Lizenzhinweise enthalten.

Wird mein Code irgendwo hochgeladen?

Nein. Formatieren und Minifizieren laufen in deinem Browser. Dein Code wird nicht an unsere Server gesendet.

Benennt das Minifizieren meine Variablen um?

Nein. Beim Minifizieren werden nur Kommentare, Zeilenumbrüche und Leerzeichen entfernt. Die Namen bleiben lesbar und der Code verhält sich genau gleich, deshalb ist es für jede Datei sicher.

Warum bleiben in minifiziertem JavaScript manche Zeilenumbrüche stehen?

JavaScript wertet manche Zeilenumbrüche als Ende einer Anweisung. Wo das Entfernen ändern könnte, was der Code tut, bleibt der Umbruch erhalten.

Kann ich hier JSON formatieren?

Für JSON gibt es ein eigenes Tool mit Baumansicht und Validierung. Nutze die unten verlinkte Seite JSON-Tools.

Funktioniert es offline?

Ja. Wenn du die Seite einmal geöffnet hast, funktioniert sie auch ohne Internetverbindung weiter.