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中文網其他相關文章！