Wie formatiere ich Code auf dieser Seite?
Fügen Sie den Code links ein oder laden Sie eine Datei, wählen Sie die gewünschten Optionen und klicken Sie auf Formatieren. Prüfen Sie das Ergebnis rechts und kopieren oder speichern Sie es.
Der CSS-Formatter wandelt minifizierte oder uneinheitlich formatierte Stylesheets in gut lesbares CSS um. Einrückung, geschweifte Klammern, Selektoren, Deklarationen, Media Queries und verschachtelte At-Regeln werden einheitlich dargestellt.
Wählen Sie Tabs oder Leerzeichen, setzen Sie öffnende geschweifte Klammern in dieselbe oder eine eigene Zeile, teilen Sie Selektorlisten und steuern Sie den Abstand zwischen Regeln. Zeichenfolgen, benutzerdefinierte Eigenschaften, Kommentare, Funktionen und Daten-URLs werden geparst, ohne sie durch riskante Ersetzungen mit regulären Ausdrücken zu verändern.
„Minifizieren“ entfernt unnötige Leerzeichen aus CSS, ohne die Regeln umzustrukturieren. „Optimieren und minifizieren“ kann zusätzlich kompatible Regeln zusammenführen und neu anordnen, um die Ausgabe weiter zu verkleinern. Formatierung und Komprimierung erfolgen lokal im Browser. Verwenden Sie den SCSS-Formatter für Variablen, Verschachtelung, Mixins, Funktionen und andere SCSS-Syntax.
Fügen Sie den Code links ein oder laden Sie eine Datei, wählen Sie die gewünschten Optionen und klicken Sie auf Formatieren. Prüfen Sie das Ergebnis rechts und kopieren oder speichern Sie es.
Die Eingabe muss zur gewählten Sprache oder Syntax passen. Prüfen Sie unvollständige Anweisungen, nicht geschlossene Klammern oder Anführungszeichen sowie einen unpassenden Dialekt oder Modus und versuchen Sie es erneut.
Ein Code-Formatierer erkennt sprachspezifische Token und verschachtelte Strukturen und ordnet Einzüge, Abstände und Zeilenumbrüche nach festen Regeln neu. Er kompiliert oder startet das Programm nicht; die Formatierung ersetzt daher keine Korrektheits- oder Sicherheitsprüfung.
2 Leerzeichen, öffnende Klammern in derselben Zeile, getrennte Selektoren und Leerzeilen zwischen Regeln sind übliche Webstandards. Steuern Sie Einzug, Klammerstil sowie Selektor- und Regelumbrüche und wählen Sie Formatierung, reine Leerraum-Minimierung oder stärkere Optimierung von gültigem CSS.