Design und Farbe

CSS-Ecken abrunden

CSS-Ecken abrunden — Größen oder Farben wählen und Code oder Ergebnis prüfen. Ihre Werkzeugeingaben bleiben auf Ihrem Gerät. Ohne Konto.

Ohne Konto

Werkzeug wird geladen…
Im Arbeitsbereich fortfahren

So funktioniert es

  1. 1Werte eingeben und Optionen wählen.
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren oder Eingaben zum Vergleich ändern.

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

FeldWert
Oben links
24
Oben rechts (px)
8
Unten rechts
24
Unten links (px)
8

Beispielergebnis

border-radius: 24px 8px 24px 8px;
Eingabebedingungen

Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.

  • Oben links: Zulässiger Bereich: 0 ≤ x ≤ 1.000
  • Oben rechts (px): Zulässiger Bereich: 0 ≤ x ≤ 1.000
  • Unten rechts: Zulässiger Bereich: 0 ≤ x ≤ 1.000
  • Unten links (px): Zulässiger Bereich: 0 ≤ x ≤ 1.000

Ähnliche Werkzeuge

Alle Werkzeuge