Чем отличается border-radius от border-image в CSS?

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

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

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

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