ค่าสี่ค่าสำหรับการกำหนดความโค้งมนของมุมต่าง ๆ ใน CSS

หากกำหนดค่าสี่ค่า ค่าแรกจะกำหนดความโค้งมนสำหรับมุมซ้ายบน ค่าที่สอง - สำหรับมุมขวาบน ค่าที่สาม - สำหรับ มุมขวาล่าง และค่าที่สี่ - สำหรับมุมซ้ายล่าง:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px 20px 30px 40px;
}

Результат: