CSS-Formatierer und -Minifizierer
Formatiere CSS mit einheitlicher Einrückung.
CSS-Formatierer und -Minifizierer
So verwendest du CSS-Formatierer und -Minifizierer
CSS beautifier formats a stylesheet so each rule and declaration sits on its own line with consistent indentation from 1 to 8 spaces. It adds missing semicolons, puts a space after colons and lowercases hex colors. Comments and nested rules are kept. Unparseable CSS returns an error rather than partially formatted output.
- Füge die Quelle in den Eingabe-Editor ein oder lade das integrierte Beispiel.
- Lege die Einrückung in Leerzeichen fest.
- Führe den CSS-Formatierer und -Minifizierer aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.
Was dieses Tool unterstützt
Formatiere CSS mit einheitlicher Einrückung.
- Einrückung (Leerzeichen)
- Range: 1 to 8
Grenzen und Verarbeitung
Textvorgänge akzeptieren im Allgemeinen bis zu 2.000.000 Zeichen. Einzelne Parser, Generatoren und Formeln haben zusätzliche Grenzen, die in ihren Bedienelementen angezeigt werden.
Beispielquelle
.card{padding:20px;color:#17243a}Häufige Fragen
How do I beautify minified CSS?
Paste the compressed stylesheet and run the tool. Each selector block is expanded so every declaration is on its own line, indented by the number of spaces you set, from 1 to 8.
Does the CSS beautifier keep my comments?
Yes. Comments are kept in the formatted output, and nested rules stay nested. Hex color values are written in lowercase, so #17243A becomes #17243a.
Can this tool minify CSS?
This tool formats CSS for readability; it does not produce minified output. Its only setting is the indent size, which accepts 1 to 8 spaces.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Textvorgänge akzeptieren im Allgemeinen bis zu 2.000.000 Zeichen. Einzelne Parser, Generatoren und Formeln haben zusätzliche Grenzen, die in ihren Bedienelementen angezeigt werden.