Unminify CSS Online – Kostenloser CSS Formatter

Entminifizieren Sie minimiertes CSS sofort mit unserem kostenlosen Online-Tool. Restoder lesbare Formatierung aus komprimierten Stylesheets. Die gesamte Verarbeitung erfolgt in Ihrem Browser.

Laden…
CSS Unminifizierung
Komprimiertes CSS online entminifizieren. Restoder lesbare Formatierung zum Debuggen von Produktionsstilen.

Merkmale

Resterhöhen Sie die Lesbarkeit Ihres minimierten CSS-Codes durch das Hinzufügen von Leerzeichen und Zeilenumbrüchen.

Aufheben

Resterhöhen Sie die Lesbarkeit Ihres minimierten CSS-Codes durch das Hinzufügen von Leerzeichen und Zeilenumbrüchen.

Paket verwendet

CSSOv5.0.5

CSSO (CSS Optimizer) ist ein leistungsstarkes Tool zur Optimierung von CSS-Dateien durch Entfernen von Redundanzen und Komprimieren von Code.

Einfaches Beispiel

Minimiert CSS

.Behälter{margin:20px;padding:10px;background-color:#fff}.Taste{color:#000;font-size:16px;border:1px solid #ccc}.Karte{display:flex;flex-direction:column;gap:12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}

Formatiert CSS

.container { margin:20px; padding:10px; background-color:#fff; } .Taste { color:#000; font-size:16px; border:1px solid #ccc; } .Karte { display:flex; flex-direction:column; gap:12px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.12); }
CSS Optimierungsleitfaden

Minifizierungsoptionen

Verschönerungsoptionen
Einrückungsoptionen für Beautify und Unminify (nicht von Minify verwendet)

Einzugsgröße

Legt die Anzahl der Leerzeichen oder Tabulatoren für die Einrückung bei Beautify und Unminify fest

Originalcode
.header{color:red;padding:10px}
Mit 2 Leerzeichen
.header { color: red; padding: 10px; }
Mit 4 Leerzeichen
.header { color: red; padding: 10px; }
Unterschied
Beautify und Unminify nutzen beide die Einrückungssteuerung in der Symbolleiste. Minify ignoriert sie.

Einrückungstyp

Verwenden Sie Leerzeichen oder Tabulatoren zum Einrücken bei Beautify und Unminify

Originalcode
.header{color:red;padding:10px}
Mit Leerzeichen
.header { color: red; padding: 10px; }
Mit Tabs
.header { color: red; padding: 10px; }
Unterschied
Leerzeichen sind eher Standard, Tabulatoren können gemäß Ihren Codekonventionen bevorzugt werden.

So entminifizieren Sie CSS online

CSS Unminifizierung restermöglicht lesbare Formatierung für komprimierte Stylesheets. Fügen Sie alle minimierten CSS in unser Tool ein, um korrekte Einzüge und Zeilenumbrüche hinzuzufügen und Selektoren zu organisieren. Dies ist wichtig, um Produktions-Stylesheets zu debuggen, CSS-Frameworks von Drittanbietern zu überprüfen oder Anbieterstile zu verstehen.

CSS Beautifier – Formatieren Ihrer Stylesheets

Unser CSS Beautifier wendet konsistente Formatierungsregeln auf Ihre Stylesheets an – standardisierte Einrückung, Eigenschaftsreihenfolge und saubere Selektorformatierung. Unabhängig davon, ob Ihr CSS aus einem Build-Prozess, einem Minifier oder einem anderen Entwickler stammt, wird es durch die Verschönerung sauber und wartbar.

Häufig gestellte Fragen – Unminify

Alles über Unminifizierung

Wie entminimiere ich CSS?

Fügen Sie das minimierte CSS ein und klicken Sie auf Unminify. Einrückungen und Zeilenumbrüche sind zum Debuggen nicht erforderlich.

Brauchen Sie eine Verschönerung statt eine Aufhebung der Minimierung?

Für bereits lesbares CSS verwenden Sie den Verschönerer CSS.

Aufheben

Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.

Weitere Werkzeugkategorien entdecken