什么是-moz-border-radius用于？

Question

有人可以告诉我-moz-border-radius用于什么？

我知道它是Mozilla CSS Extensions之一，但我不明白它的用途是什么。

我在Firefox中尝试了以下示例，border-radius和-moz-border-radius都做了同样的事情。

在Firefox中查看此jsFiddle example。

感谢。

Answer 1

-moz-border-radius只是该版块的旧版本。您可以在MDN的compatability table中查看相关版本。

  

在Gecko 2.0中，-moz-border-radius重命名为border-radius。 -moz-border-radius作为别名被支持，直到包括Gecko 12.0。为了符合CSS3标准，Gecko 2.0：

     

  
• 更改值的处理以匹配规范。您可以使用border-radius：50％;
将椭圆指定为任意大小元素的边框   
• 制作圆角剪辑内容和图像（如果溢出：未设置可见）
  

     

注意：在Gecko 13.0（Firefox 13.0 / Thunderbird 13.0）中删除了对前缀版本（-moz-border-radius）的支持。

Answer 2

浏览器供应商通常会使用前缀（如-moz-或-webkit-等）在功能成为标准之前实现这些功能。为了向后兼容，他们有时会在标准化后继续支持前缀版本。

我实际上认为在-moz-border-radius的情况下，border-radius并不完全相同，因为Mozilla实现了border-radius属性与规范最终结果不同，而其他所有人都实现了标准。如果您只使用一个值，则不会发现差异（-moz-border-radius: 10px和border-radius: 10px行为相同，但-moz-border-radius: 10px 8px 4px 12px和border-radius: 10px 8px 4px 12px不相同（除非我'误解了））。

Answer 3

border-radius is a CSS3 property which is part of the 'Border' module.

-moz-border-radius是此CSS3属性的Mozilla草案实现。

  

Mozilla支持许多以-moz为前缀的CSS扩展。

     

其中一些属性已包含在草案CSS规范中，以包含在最终建议中，但仍处于试验阶段。最终的标准属性可能与当前的前缀实现不同。其中一些非标准属性仅适用于XUL元素。

     

一旦标准化，并添加了对未加前缀的变体的支持，就会删除前缀属性。 [Source]