В чем разница между стандартным свойством border-radius и нестандартными свойствами -webkit-border-radius и -moz-border-radius?

Разница между стандартным свойством border-radius и нестандартными свойствами -webkit-border-radius и -moz-border-radius заключается в их предназначении и поддержке разных браузеров. 14

Стандартное свойство border-radius позволяет равномерно скруглять все углы элемента. 1 Оно может иметь от одного до четырёх значений. 1

Свойства -webkit-border-radius и -moz-border-radius используются для работы в конкретных браузерах: 14

• -webkit-border-radius — для браузеров на основе WebKit, таких как Safari и Chrome. 45 Для каждого угла элемента есть свои свойства: -webkit-border-top-left-radius для верхнего левого угла, -webkit-border-top-right-radius для верхнего правого угла и так далее. 4
• -moz-border-radius — для браузера Firefox и других браузеров на основе Mozilla. 5 До версии Firefox 3.5 свойство поддерживало только круглые углы, но в более новых версиях можно создавать эллиптические углы. 5

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