border-radius - это свойство CSS3, поэтому, если вы проверяете как CSS2, оно сообщит об ошибках.
-moz-border-radius и -webkit-border-radius являются версиями одного и того же свойства с префиксом поставщика. Производители браузеров присваивают префиксы функциям, которые они реализовали, но которые либо еще не стандартизированы, либо их реализация еще не завершена. В любом случае, это позволяет дизайнеру сайта использовать эту функцию до того, как она будет официально готова.
Если вы разрабатываете кросс-браузерный сайт, вам нужно подумать, какие браузеры включить. Например, хотите ли вы потратить некоторое время, чтобы заставить его работать в очень старых версиях браузеров (которые, возможно, больше никто не использует)? Вам нужно решить, какие более старые версии поддерживать.
Это относится к border-radius, поскольку все текущие версии Firefox, Chrome и Safari поддерживают border-radius без префикса поставщика. Фактически, префикс вендора не требовался для нескольких версий, особенно для браузеров Webkit. Таким образом, вы можете быть совершенно оправданы, если отбросите эти префиксные объявления. Вам нужно проверить, какие версии каких браузеров им требуются, и решить, хотите ли вы поддерживать эти браузеры.
Еще одним фактором, который следует учитывать, является то, что до недавнего времени IE вообще не поддерживал border-radius, даже с префиксом поставщика. IE9 поддерживает его, но большинство пользователей IE все еще используют IE8.
Если вы хотите, чтобы border-radius работал на IE, вам нужно будет сделать несколько хаков. На данный момент лучшим вариантом для этого является CSS3Pie . Другой вариант - просто проигнорировать это и оставить пользователей IE с квадратными углами. Поскольку это не повлияет на удобство использования вашего сайта, вы можете решить, что это самый простой вариант.
Все браузеры и версии браузеров имеют собственную комбинацию функций, которые они поддерживают. Сайт, подобный CanIUse.com , неоценим для того, чтобы помочь вам определить, следует ли использовать какую-либо функцию: он показывает, какие браузеры и версии поддерживают ее, позволяя вам принять обоснованное решение о том, использовать ее или нет.
И, наконец, самый важный совет, который я могу вам дать для создания кросс-браузерного сайта: протестируйте его во всех браузерах и во всех браузерах версий , которые вы хотите поддерживать. (не просто предполагайте, что если он работает в одной версии браузера, он будет работать в других версиях - вам нужно протестировать их все).