So nutzt du es
- Füg dein CSS ein, öffne eine
.css-Datei oder starte mit dem Beispiel: einem minifizierten Stylesheet. - Wähle 2 Leerzeichen, 4 Leerzeichen oder Tabs. Das formatierte CSS erscheint, während du tippst.
- Kopiere es oder lade es als
styles.cssherunter.
Was es macht
Jede Regel bekommt ihren eigenen Block, jede Deklaration ihre eigene Zeile, und Regeln in @media und anderen At-Regeln werden eine Ebene tiefer eingerückt. Selektoren, Werte und Kommentare bleiben, wie sie sind, das Stylesheet bedeutet also genau dasselbe.
Wann es hilft
- Beim Lesen eines minifizierten Stylesheets aus einem Theme, einem Framework oder einer Website, die du untersuchst.
- Zum Aufräumen von CSS vor dem Bearbeiten, damit eine Änderung eine Zeile betrifft statt einer sehr langen.
- Beim Vergleichen zweier Stylesheets: beide formatieren, dann diffen.
Häufige Fragen
Repariert es ungültiges CSS?
Nein. Es rückt ein, was da ist; eine fehlende Klammer bleibt fehlend. Browser überspringen Deklarationen, die sie nicht lesen können, also macht ein verirrtes Zeichen meist eine Regel kaputt, nicht das Stylesheet.
Sortiert es Eigenschaften?
Nein. Die Reihenfolge kann in CSS wichtig sein (eine spätere Deklaration gewinnt), daher bleibt sie, wie sie geschrieben ist.
Kann ich es danach wieder minifizieren?
Ja: Der CSS-Minifier macht daraus wieder eine kompakte Zeile.
Wird mein CSS hochgeladen?
Nein. Das Formatieren läuft in deinem Browser.