CSS-Formatierer online
Fügen Sie CSS ein und formatieren Sie es mit lesbarer Einrückung oder minifizieren Sie es — vollständig in Ihrem Browser.
Fügen Sie Ihr CSS ein
Ergebnis
Die Formatierung erfolgt vollständig in Ihrem Browser — Ihr CSS erreicht niemals unsere Server.
@media- und @supports-Blöcke werden rekursiv formatiert, jedes Mal um eine Ebene tiefer eingerückt.
Kein Konto erforderlich, und es gibt kein Limit, wie oft Sie es nutzen können.
Was ist ein CSS-Formatierer?
Ein CSS-Formatierer nimmt minifiziertes oder unordentliches CSS und formatiert es mit konsistenter Einrückung und einer Deklaration pro Zeile neu, wodurch es lesbar wird — nützlich beim Untersuchen eines Stylesheets, beim Bereinigen eines CMS-Exports oder beim Debuggen einer Build-Ausgabe. Dieses Tool minifiziert ebenfalls, sodass dieselbe Seite beide verwandten Aufgaben abdeckt.
So formatieren Sie CSS online
- Fügen Sie Ihr CSS ein oder laden Sie es hoch. Fügen Sie es direkt in den Editor ein oder klicken Sie auf „Datei hochladen“, um den Inhalt einer .css-Datei zu laden.
- Wählen Sie einen Modus. Formatieren für lesbare Einrückung, oder Minifizieren, um Kommentare und Leerraum zu entfernen.
- Klicken Sie auf die Aktionsschaltfläche. Das Ergebnis erscheint unten.
- Kopieren oder herunterladen. Kopieren Sie das Ergebnis in Ihre Zwischenablage oder laden Sie es als .css-Datei herunter.
Häufig gestellte Fragen
Was macht der CSS-Formatierer?
Er formatiert CSS neu mit konsistenter Einrückung, einer Deklaration pro Zeile und normalisierten Abständen nach Doppelpunkten — nützlich für ein minifiziertes Stylesheet, einen CMS-Export oder CSS, das als eine lange, unlesbare Zeile ankam.
Werden verschachtelte @media- und @supports-Blöcke unterstützt?
Ja — verschachtelte At-Rule-Blöcke werden rekursiv eine Ebene tiefer eingerückt als die sie umgebenden Regeln, sodass ein @media-Block mit mehreren Selektoren sauber formatiert wird.
Kann ich CSS minifizieren?
Ja. Wechseln Sie in den Minifizieren-Modus, um Kommentare und unnötigen Leerraum zu entfernen und so die kleinstmögliche Version Ihres CSS für den Produktionseinsatz zu erhalten.
Beschädigt die Minifizierung Inhalte in Anführungszeichen, wie content: "a: b;"?
Nein — in Anführungszeichen stehende Zeichenketten (in content-Eigenschaften, url()-Referenzen und Ähnlichem) werden vor der Minifizierung geschützt und danach unverändert wiederhergestellt, sodass Semikolons oder Doppelpunkte innerhalb einer Zeichenkette nie verfälscht werden.
Wird mein CSS irgendwohin hochgeladen?
Nein. Dieses Tool läuft vollständig in Ihrem Browser — Ihr Stylesheet wird niemals an die Server von CurePDF gesendet.
Ist der CSS-Formatierer kostenlos?
Ja, kein Konto erforderlich, und es gibt kein Limit, wie oft Sie es nutzen können.