CSS-Formatierer
Fügen Sie CSS, SCSS-kompatibles reines CSS oder ein minifiziertes Stylesheet ein und erhalten Sie eine Deklaration pro Zeile mit einheitlichen Abständen.
Über dieses Tool
Produktiv eingesetzte Stylesheets sind minifiziert, um Bytes zu sparen — was das Debuggen einer einzelnen Regel mühsam macht. Beim Verschönern kommt jeder Selektor und jede Deklaration in eine eigene Zeile, Abstände um Doppelpunkte und Klammern werden vereinheitlicht und Media Queries sowie verschachtelte At-Regeln bleiben lesbar. Prettier schreibt außerdem Hex-Farben und Einheiten einheitlich klein.
Der Formatierer akzeptiert Standard-CSS inklusive Custom Properties, Verschachtelung, Container Queries und Layer-Regeln. Die Bedeutung einer Regel ändert er nicht; angefasst werden nur Leerraum und Formatierung. Für den produktiven Einsatz kombinieren Sie ihn mit dem CSS-Minifier.
Häufige Fragen
- Werden meine Eigenschaften umsortiert?
- Nein. Die Reihenfolge bleibt exakt erhalten; nur Leerraum und die Groß-/Kleinschreibung von Hex-Werten ändern sich.
- Werden SCSS oder LESS unterstützt?
- Reines CSS wird vollständig unterstützt. Die meiste SCSS-Syntax lässt sich ebenfalls parsen, Mixins und Funktionen können aber Fehler auslösen.
- Kann ich vier Leerzeichen Einrückung bekommen?
- Ja, wählen Sie im Menü „Einrückung“ 4 Leerzeichen oder Tabs.