Border-radius и border-image — это два разных свойства в CSS, которые используются для оформления границ элемента. 13

Border-radius позволяет создавать закруглённые углы границ элемента. 13 Это свойство работает даже если у элемента нет границ, так как его действие распространяется и на фон. 3

Border-image даёт возможность установить в качестве границ элемента изображение или CSS-градиент. 3 При этом можно задать исходное изображение, способ его нарезки, ширину изображения, отступ границы от края и её повторение. 2

Таким образом, основное отличие в том, что border-radius создаёт закруглённые углы без использования каких-либо изображений, а border-image позволяет устанавливать изображение в качестве рамки элемента. 14