Code formatieren / MULTIVERTO
Rücken Sie CSS ein, um Regeln und Deklarationen zu erkennen.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten.
Prüfen Sie bei komplexer Syntax oder Produktionsdateien die Ausgabe in der Zielanwendung und mit einem spezialisierten Werkzeug.
02 / Beispiel
h1{color:#334155;margin:0;}p{line-height:1.5;}h1 {
color:#334155;
margin:0;
}
p {
line-height:1.5;
}03 / Anleitung
Rücken Sie CSS ein, um Regeln und Deklarationen zu erkennen. Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten. Verwenden Sie dies für ein kurzes Stylesheet, dessen Selektoren und Deklarationen zusammengedrängt sind. Die Ausgabe verteilt Regeln und Deklarationen auf Zeilen. Eigenschaften werden nicht sortiert und ungenutzte Selektoren nicht erkannt; dafür braucht es andere Werkzeuge.
CSS besteht aus Selektoren, At-Regeln, Deklarationsblöcken, Werten und Kommentaren. Ein Leerzeichen zwischen Selektoren kann eine Nachfahrenbeziehung bedeuten; pauschales Entfernen würde andere Elemente treffen. Zeichenketten, Funktionen wie calc(), eigene Eigenschaften und eingebettete URLs können Satzzeichen enthalten, die wie Trenner aussehen. Der Formatter erkennt Strings, Kommentare und Verschachtelung vor Layoutänderungen, bewertet aber weder Kaskade noch Browserunterstützung. Die kompakte Variante entfernt gewöhnliche Kommentare und ausgewählte Leerzeichen um Satzzeichen. Sie ist absichtlich weniger aggressiv als ein Produktions-Minifizierer. Prüfen Sie nach dem Kopieren eine Seite, die das Stylesheet verwendet.
Formatieren hilft vor allem bei Prüfung und Fehlersuche, weil Einrückungen eine fehlende Verschachtelung oder ein unerwartetes Nebenelement sichtbar machen. Fügen Sie ein vollständiges, repräsentatives Fragment ein und formatieren Sie es einmal. Lesen Sie die Ausgabe von außen nach innen und achten Sie auf Anfang und Ende jedes Elements, Blocks oder jeder Klausel. Diese Seite ersetzt keinen Compiler für sämtliche Spracherweiterungen; fortgeschrittene Konstruktionen können abgewiesen werden. Prüfen Sie nach dem Kopieren mit dem üblichen Validator oder den Tests des Zielprojekts. Bevor Sie den formatierten Text speichern, betrachten Sie den Unterschied zur Quelle, damit Layoutänderungen keine unbeabsichtigte Änderung an Literalen oder Datenwerten verdecken.
Bewahren Sie die Quelle neben der Ausgabe auf und prüfen Sie zuerst ein kleines bekanntes Beispiel, bevor Sie ein großes Dokument bearbeiten. Vergleichen Sie den sachlichen Inhalt, nicht bloß Dateigröße oder Zeilenzahl. Kontrollieren Sie Namen, zitierte Zeichenketten, Nicht-ASCII-Zeichen, Zeilenenden und wiederholte Felder nach der Umwandlung. Eine lesbare Ausgabe validiert kein Schema, belegt keine Ausführbarkeit von Code und macht Daten nicht automatisch veröffentlichbar. Diese Seite verarbeitet Text im Browser und zeigt die Ausgabe als Text; beim Einfügen gelten jedoch die Regeln der Zielanwendung. Wird eine Eingabe abgewiesen, suchen Sie die nicht unterstützte Konstruktion und verwenden Sie gegebenenfalls einen spezialisierten Parser.