CSS-Eingabe

CSS hier einfügen. Dann für die Produktion minifizieren oder zum Bearbeiten formatieren.

Optionen

Kommentare entfernen Entfernt alle /* ... */-Kommentare aus dem CSS.

Vorher:
/* Überschrift */ .h1 { color: red; }
Nachher:
.h1{color:red} Hex-Farben kürzen Wandelt 6-stellige Hex-Farben in 3-stellige Kurzform um, wenn möglich.

Vorher:
#ffffff
Nachher:
#fff

Gilt nur, wenn alle drei Paare identisch sind (z. B. #aabbcc → #abc). Letzte Semikolons entfernen Entfernt das letzte Semikolon vor jeder schließenden geschweifte Klammer. Die letzte Deklaration in einer CSS-Regel benötigt kein Semikolon.

Vorher:
.card{margin:12px;}
Nachher:
.card{margin:12px} Doppelte Selektoren zusammenführen Fasst Regeln mit demselben Selektor in einen einzigen Block zusammen. Bei Konflikten gewinnt die spätere Deklaration.

Vorher:
.card{margin:12px} .card{padding:20px}
Nachher:
.card{margin:12px;padding:20px} Ergebnis automatisch kopieren Kopiert das Ergebnis bei jedem Minifizieren oder Formatieren automatisch in die Zwischenablage. Kein zusätzlicher Klick nötig.

Bereit für CSS-Eingabe.

Minifizieren — Entfernt alle Leerzeichen, Zeilenumbrüche und Kommentare für die kleinstmögliche Datei. Ideal für die Produktion.

Formatieren — Bringt komprimiertes CSS in lesbaren, einegerückten Code zurück. Ideal zum Bearbeiten und Debuggen.

Ergebnis

Das transformierte CSS erscheint hier und kann sofort kopiert oder heruntergeladen werden.

Auf Eingabe warten

Original 0 Zeichen

Ergebnis 0 Zeichen

Änderung 0%