Kostenlose Werkzeuge
Deutsch
CSS-Abstandsskala
CSS-Abstandsskala — Größen oder Farben wählen und Code oder Ergebnis prüfen. Eingabehilfe: Basis, Anzahl. Ohne Konto.
Ohne Konto
Werkzeug wird geladen…
So funktioniert es
- 1Eingabehilfe: Basis, Anzahl.
- 2Werkzeug starten und Ergebnis prüfen.
- 3Ergebnis kopieren / Ergebnisdatei speichern.
Gut zu wissen
Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.
Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)
Berechnetes Ein- und Ausgabebeispiel
Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.
Beispieleingabe
| Feld | Wert |
|---|---|
| Basis | 4 |
| Anzahl | 8 |
Beispielergebnis
:root {
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 28px;
--space-8: 32px;
}Eingabebedingungen
Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.
- Basis: Zulässiger Bereich: 0,000000001 ≤ x ≤ 1.000.000.000.000
- Anzahl: Zulässiger Bereich: 1 ≤ x ≤ 32 · Nur ganze Zahlen