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

问题描述：

有人能告诉我-moz-border-radius用于什么吗？什么是-moz-border-radius用于？

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

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

在Firefox中查看此jsFiddle example。

谢谢。

http：//reference.sitepoint。com/css/vendorspecific – stewe 2012-04-03 01:23:28

答

浏览器供应商在成为标准之前经常使用前缀（如-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不会（除非我被误解）），您不会注意到差异。

'-moz-border-radius'是在Firefox 2中首次实现的最前缀的CSS3属性之一，在圆角上使用**没有消除锯齿**。 – BoltClock 2012-04-03 01:22:51

谢谢@powerbuoy的解释。 – neo108 2012-04-03 01:34:08

实际上，'-moz-border-radius'现在只是'border-radius'的别名;在实现最终规范时，Mozilla不会像前面的其他浏览器一样保留前缀属性的旧行为。 – 2012-04-03 21:17:07

答

-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％;

使圆角夹内容和图片（如果溢出：可见未设置）

注：壁虎13.0（火狐13.0 /雷鸟取出的前缀版本（-moz-边界半径）支持13.0）。

谢谢@Dennis的回答，并包括指向浏览器兼容性表的链接。 – neo108 2012-04-03 01:35:43

答

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

-moz-border-radius这是CSS3属性的Mozilla的实施草案。

Mozilla支持大量以-moz-为前缀的CSS扩展。

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

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

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

相关推荐