CSS-Formatierer
Re-indent and clean up minified or messy CSS — every selector on its own line, every declaration on its own line. — kostenloses Online-Tool.
Kurze Antwort: CSS Prettifier: Läuft im Browser, kostenlos, ohne Registrierung.
Zuletzt aktualisiert
Häufig gestellte Fragen
- Bleiben Kommentare erhalten?
- Ja — sowohl <code>/* Block */</code>- als auch Inline-Kommentare im Stil von <code>//</code> bleiben erhalten. Gültiges CSS unterstützt allerdings nur Blockkommentare; Inline-Kommentare werden dennoch durchgereicht, falls sie als Besonderheit einer Präprozessor-Eingabe enthalten sind.
- Wie werden <code>@media</code> und andere At-Regeln behandelt?
- At-Regeln werden korrekt verschachtelt — innere Deklarationen werden eine Ebene tiefer eingerückt als der Rumpf der At-Regel. Mehrere At-Regeln auf derselben Ebene bleiben durch eine Leerzeile getrennt.
- Kann SCSS oder Less formatiert werden?
- Größtenteils — der Tokenizer versteht nicht die vollständige Präprozessor-Grammatik, etwa Interpolation, Mixins oder <code>@if</code>. Einfaches SCSS lässt sich jedoch häufig problemlos erneut formatieren. Für eine präzise Präprozessor-Formatierung verwenden Sie Prettier mit dem SCSS-Plugin.
- Werden Selektoren zusammengeführt oder aufgeteilt?
- Durch Kommas getrennte Selektoren werden auf jeweils eine Zeile aufgeteilt, damit Unterschiede übersichtlich bleiben. Die Semantik bleibt unverändert.
- Kann die Einrückungsgröße geändert werden?
- Ja — ziehen Sie den Schieberegler von 0 bis 8 Leerzeichen. Der Standardwert beträgt 2.
- Bleiben ungewöhnliche Eigenschaftsnamen erhalten?
- Ja — Herstellerpräfixe (<code>-webkit-</code>, <code>-moz-</code>), benutzerdefinierte CSS-Eigenschaften (<code>--my-var</code>) sowie unbekannte Eigenschaften werden unverändert durchgereicht.
- Wird das CSS validiert?
- Nein — die Formatierung betrifft nur die Struktur. Prüfen Sie das Ergebnis mit dem W3C-CSS-Validator, falls Konformität mit der Spezifikation erforderlich ist.
- Werden meine Dateien hochgeladen?
- Nein — jede Umwandlung erfolgt in Ihrem Browser. Auch vertrauliche Design-Tokens können hier sicher eingefügt werden.
- Wie groß darf eine zu formatierende Datei sein?
- Dateien bis zu einigen Megabyte werden deutlich unter einer Sekunde formatiert. Darüber hinaus hängt die Leistung hauptsächlich vom verfügbaren Browser-Speicher ab.
- Warum fehlen in der Ausgabe manchmal Semikolons?
- Am Ende jeder Deklaration wird stets ein abschließendes Semikolon ausgegeben — falls keines sichtbar ist, fehlte auch der Wert in der Eingabe. Ein direkter Vergleich zeigt, welcher Teil tatsächlich fehlt.