CSS-Formatierer
Eine Deklaration je Zeile – oder die ganze Datei auf einer.
Beispiele ersetzen vorübergehend Eingabe und Einstellungen. Du kannst deine vorherige Arbeit wiederherstellen.
0 Zeichen
Ergebnis
Oben einfügen oder tippen, das Ergebnis erscheint hier.
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool läuft vollständig in Ihrem Browser. Was Sie einfügen, wird auf Ihrem Gerät verarbeitet und nie an einen Server gesendet. Es ist daher auch für Tokens, Schlüssel und unveröffentlichte Texte sicher.
Beispiel
Anwendungsbeispiel — CSS-Formatierer
Gib die Eingabezeilen der Reihe nach ein und verwende die folgenden Einstellungen. Vergleiche das Ergebnis mit den Ausgabezeilen.
| Eintrag | Wert |
|---|---|
| Eingabe 1 | a{color:red;margin:0} |
| Was tun | Auslegen |
| Einrückung | 2 Leerzeichen |
| Ausgabe 1 | a { |
| Ausgabe 2 | color: red; |
| Ausgabe 3 | margin: 0; |
| Ausgabe 4 | } |
Die beiden CSS-Deklarationen stehen mit zwei Leerzeichen Einrückung in getrennten Zeilen. red und 0 bleiben unverändert.
So funktioniert es
- Das CSS einfügen.
- Beim Auslegen bekommt jeder Selektor und jede Deklaration eine eigene Zeile, mit einer Leerzeile zwischen den Regeln.
- Beim Zusammendrücken verschwinden Kommentare und jedes Leerzeichen ohne Aufgabe.
- Das Ergebnis kopieren oder herunterladen.
Häufige Fragen
- Was ist mit einer Klammer in einer Zeichenkette oder in url()?
- Sie bleibt unangetastet. Zeichenketten und Kommentare werden als ganze Stücke gelesen, bevor überhaupt an Klammern getrennt wird, also wird content: "}" korrekt formatiert, statt die Regel zu zerreißen.
- Bleibt beim Minifizieren das Leerzeichen in .a .b?
- Ja. Dieses Leerzeichen ist der Nachfahren-Kombinator und bedeutet etwas; die Leerzeichen um einen Doppelpunkt oder eine Klammer bedeuten nichts. Nur die bedeutungslosen verschwinden.
- Ordnet oder kürzt es meine Eigenschaften?
- Nein. Nichts wird zusammengefasst, gekürzt oder verschoben – #ffffff bleibt #ffffff. Hier wird ausgelegt, was Sie geschrieben haben, nicht umgeschrieben.
- Wird etwas an einen Server geschickt?
- Nein. Es läuft im Browser, was Sie einfügen, bleibt auf Ihrem Rechner.
Verwandte Tools
‹› HTML-Formatierer Eingerückt zum Lesen oder zusammengedrückt zum Ausliefern. • JavaScript-Minifizierer Kleiner – und nachweislich derselbe Code. ◐ Kontrastprüfer Ob es überhaupt jemand lesen kann. ◒ Farb-Umrechner HEX, RGB, HSL und CMYK – dazu das Kontrastverhältnis, das über Lesbarkeit entscheidet.