Как сделать округленную рамку с градиентом?
К сожалению сделать закругление border-image невозможно.
Как вариант, можно блок с border-image обернуть в div, а div'у задать нужное округление и overflow: hidden;
Закруглить углы:border-radius:20px;
Значения можно как в пикселях так и в процентах задавать. Можно задавать скругление отдельно стороне и даже половине угла.
jsfiddle.net/bmowdd3d/2