Почему так много разных свойств требуется для использования свойства CSS3 в разных браузерах?

Question

Почему, когда я хочу использовать border-radius, мне нужны 3 отдельных браузера?

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Почему они не могут просто понять border-radius?

Answer 1

Спецификация CSS3 еще не завершена. Поставщики браузеров обычно сохраняют его как (vendor)-*, пока не решат, что спецификация достаточно стабильна.

Например, Chrome начал переход на стандарт и удалил префикс -webkit для различных свойств.

Answer 2

Поскольку каждый браузер или, в частности, его движки рендеринга имеют разные реализации для этого.

Вот разбивка этого:

 border-radius: 10px;          /* standard CSS3 */
-moz-border-radius: 10px;     /* For Mozilla */
-webkit-border-radius: 10px;  /* For Safari/Chrome */

Обратите внимание, что не все свойства CSS3 различны в разных браузерах, но да, мы стремимся, чтобы все они были одинаковыми и соответствовали стандартам для нас. IE далеко от этого: (