CSS Formatter
Bringt minifiziertes oder unruhiges CSS in lesbare Bloecke fuer Styling-Review und Bearbeitung.
Eingabe / Ausgabe
Mit dem Werkzeug starten
Eingabe, Ausgabe und Kopieren bleiben in dieser Hauptflaeche. Beispiele und Pruefhinweise stehen getrennt darunter.
Lokale Sitzung
Eingaben werden nur in diesem Browser gespeichert, damit du die letzte Arbeit ohne Konto wiederherstellen kannst.
Nach dem Ergebnis pruefen
Oeffne Beispiele, Checks und verwandte Werkzeuge erst nach dem Eingabe/Ausgabe-Ablauf.
Beispiele
Startpunkte fuer dieses Werkzeug.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}Anwendungsfaelle
Code- Bringt minifiziertes oder unruhiges CSS in lesbare Bloecke fuer Styling-Review und Bearbeitung.
- Verarbeitet Eingaben mit Lokal im Browser und laesst Ergebnisse vor dem Kopieren pruefen.
- Pruefe, ob Selektoren, Media Queries und Custom Properties am richtigen Block bleiben.
- Teste das formatierte CSS am Ziel-Breakpoint.
- Pruefe mit einem verwandten Tool, ob CSS Formatter fuer den naechsten Schritt passt.