bor­der-ra­di­us


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 2em 4em 6em;"></div>

bor­der-top-left-ra­di­us: 0;
bor­der-top-right-ra­di­us: 2em;
bor­der-bot­tom-right-ra­di­us: 4em;
bor­der-bot­tom-left-ra­di­us: 6em;

---

Bor­der-Ra­di­us mit 1 Wert alle Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em;"></div>


---

Bor­der-Ra­di­us mit 1 Ecke


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 4em 0;"></div>


---

Bor­der-Ra­di­us mit 2 Ecken un­ten


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 6em 6em;"></div>


---

Bor­der-Ra­di­us mit 2 dia­go­na­le Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em 0;"></div>


---

Bor­der-Ra­di­us mit 2 un­ter­schied­li­che Wer­ten in 2 Ecken


<div style="width: 24em; height: 4em; background: silver; border-bottom-left-radius: 6em 1em; border-bottom-right-radius: 2em 1em;"></div>


---

Bor­der-Ra­di­us als Kreis


<div style="border-radius: 10em; height: 10em; width: 10em; background: silver;"></div>