在现代浏览器中创建边框半径时,是否仍需要指定所有三个`border-radius`,`-moz-border-radius`和`-webkit-border-radius`?

时间:2015-08-20 21:50:20

标签: css css3 border

我正在创建一个使用边框半径的网站。我找到了很多教程来展示这个例子:

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

此示例显示我要为所有三个浏览器引擎指定边框半径。

看来这个信息只是被复制了。 2015年8月今天仍然如此吗?我应该这样做还是这只是过时的信息?

3 个答案:

答案 0 :(得分:1)

简短回答:

现代浏览器支持这些属性!

只需使用:border-radius: 10px

Compatibility Table

答案 1 :(得分:1)

您只需对所有现代浏览器使用border-radius

根据

http://caniuse.com/#search=border-radius

https://css-tricks.com/do-we-need-box-shadow-prefixes/

答案 2 :(得分:1)

不,你不需要。查看w3scools参考:http://www.w3schools.com/cssref/css3_pr_border-radius.asp