Les quatre valeurs de border-radius pour les coins en CSS

Si quatre valeurs sont spécifiées, la première valeur définit l'arrondi pour le coin supérieur gauche, la seconde - pour le coin supérieur droit, la troisième - pour le coin inférieur droit, et la quatrième - pour le coin inférieur gauche :

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

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

Результат: