Moz-Border-Radius（CSS属性）

Moz-Border-radius 与CSS3的Border-Radius物业相当，尽管它在一些方面有所不同。速记属性允许Web开发人员指定圆形边界，或者如果没有定义边框，则可以指定圆形的背景。

> 在壁虎2.0中，Moz-Border-Radius被更名为Border-Radius； -moz-border-radius被支持为别名，直到壁虎12.0。 为了符合CSS3标准，

gecko 2.0

更改了

值的处理以匹配规范。您可以将椭圆形指定为与Border-Radius的任意大小元素上的边界：50％；

• >制成的圆角剪辑内容和图像（如果溢出：未设置可见） 注意：在Gecko 13.0（Firefox 13.0 / Thunderbird 13.0 / seamonkey 2.10）中删除了对前缀版本的支持（-moz-border-radius）。
border-radius
• Border-Radius属性是一个最多可以接受四个值的速记属性。值表示（按顺序）左上，右上，右下角和左下角。与使用单位值的任何速记属性一样，任何省略的值都是从现有值继承的。 您可以使用Longhand语法明确地针对元素的单个角。例如：

  >您可以清楚地看到为什么在大多数情况下，您会使用速记语法。即使您想针对一个角落，这样做也要高得多：

  经常询问的问题（常见问题解答）关于-moz-border-radius CSS属性

  .media img {
    border-top-left-radius: 20%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;
  }

  > -moz-border-radius css属性是什么？它使您可以指定边界曲线的半径，从而使您可以控制角落的圆度。该属性在Web设计中特别有用，用于创建按钮，卡片或任何其他受益于圆角的元素。

  >

  仍然需要-moz-border-radius属性？ - Moz-Border-Radius属性最初用于Firefox浏览器，因为它们不支持标准的Border-Radius属性。但是，由于Firefox 4.0及以后，标准的边界拉迪乌斯物业得到了充分的支持。因此，除非您是针对较旧版本的firefox开发的，

  .media img {
    border-radius: 20% 0 0 0;
  }

  >

  -moz-border-radius属性如何工作？外边缘边缘的角。第一个值是水平半径，第二个值是垂直半径。如果仅给出一个值，则用于两个半径。

  >我可以在-moz -border -radius属性中使用百分比吗？ -border-radius属性。该百分比是根据边界盒的宽度和高度计算的，如果两个长度相等，则结果的形状是对称的椭圆形，或一个圆圈。 -radius和border-radius？

  > -moz-border-radius是较旧版本的firefox的特定特定属性，而border-radius是标准CSS属性。这两个属性都具有相同的目的，即创建圆角。但是，建议使用所有现代浏览器支持的标准边界 - 拉迪乌斯属性。

  >

  >如何使用-moz-border-border-radius属性创建一个圆圈？使用-moz-Border-radius属性的圆圈，您需要将该属性设置为50％。鉴于该元素具有相等的宽度和高度。

  我可以使用-moz-border-bradius属性？

  是的，您可以使用不同的值。可以使用-moz-border-badius-topleft，-moz-border-bordius-topright，-moz-border-border-border-bottomright和-moz-border-radius-tomleft属性。

  >如果我在-moz-border-radius属性中使用负值会发生什么？ - Radius属性。如果您使用负值，则声明将被忽略，并且不会应用该属性。

  我可以将-moz-border-radius属性与其他边界属性使用吗？ -Moz-Border-radius属性可与其他边界特性（例如边框，边框宽度和边界色）一起使用。这使您可以为圆角创建各种样式。

  > -moz-border-border-radius属性是一个Mozilla特定的财产，因此仅在Firefox中得到支持。但是，所有现代浏览器都支持标准的边境 - 拉迪乌斯属性，因此建议将其用于跨浏览器兼容性。

以上是Moz-Border-Radius（CSS属性）的详细内容。更多信息请关注PHP中文网其他相关文章！