CSS-də müxtəlif künclər üçün üç yuvarlaqlaşdırma dəyəri

Əgər üç dəyər təyin edilibsə, onda birinci dəyər yuxarı sol künc üçün yuvarlaqlaşdırmanı təyin edir, ikinci - eyni zamanda yuxarı sağ və aşağı sol künclər üçün, üçüncü isə - aşağı sağ künc üçün:

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

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

Результат: