Fire værdier for afrunding af forskellige hjørner i CSS

Hvis der angives fire værdier, så angiver den første værdi afrundingen for øverste venstre hjørne, anden - for øverste højre, tredje - for nederste højre hjørne, og fjerde - for nederste venstre hjørne:

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

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

Результат: