CSS formatieren
Formatieren Sie kompakten oder schlecht eingerückten CSS-Code direkt im Browser lesbar, mit der Formatierungs-Engine von Prettier.
Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.
Nutzt die Engine von Prettier, um CSS einheitlich einzurücken und zu gliedern, einschließlich verschachtelter Regeln und mehrerer Selektoren.
Anwendungsfälle
- Minifiziertes CSS lesbar und bearbeitbar machen.
- Einen lesbaren CSS-Ausschnitt für eine Dokumentation vorbereiten.
- Die Struktur eines komplexen Stylesheets visuell prüfen.
So funktioniert's
- 1
CSS einfügen
Geben Sie den CSS-Code in das Eingabefeld ein oder fügen Sie ihn ein.
- 2
Formatieren
Klicken Sie auf „Formatieren“ und kopieren oder laden Sie das Ergebnis herunter.
Technische Details
- Es gelten die Standardoptionen von Prettier: 2 Leerzeichen Einrückung, eine Deklaration pro Zeile und jeder Selektor einer Liste in einer eigenen Zeile.
- Stilistische Details wie doppelte Anführungszeichen oder die Schreibweise von Hex-Farben werden vereinheitlicht, ohne die Wirkung des CSS zu ändern.
- Enthält das CSS einen Syntaxfehler (etwa eine nicht geschlossene Klammer), erscheint ein Fehler statt eines halb formatierten Ergebnisses.
Häufige Fragen
Unterstützt es SCSS oder LESS?
Der Formatierer ist für Standard-CSS gedacht; Syntax von Präprozessoren wie SCSS oder LESS wird möglicherweise nicht korrekt formatiert.