Свойства border-radius и border-image отличаются по своему назначению:
- border-radius позволяет закруглить углы строчных и блочных элементов. html5book.ru Кривая для каждого угла определяется с помощью одного или двух радиусов, определяющих его форму — круга или эллипса. html5book.ru
- border-image позволяет установить в качестве границ элемента изображение или CSS-градиент. itchief.ru Это сокращённое свойство, которое даёт возможность задать исходное изображение, способ его нарезки, ширину изображения, отступ границы от края и её повторение. hcdev.ru
Таким образом, border-radius задаёт форму границ элемента, а border-image — устанавливает изображение в качестве рамки элемента. html5book.ru itchief.ru При этом border-radius не влияет на border-image. html5book.ru