足球护具有哪些_布鲁特_310竞彩足球推荐专家预测_-90vs即时比分 - nba得分榜历史排名

border-radius

語法：

border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

默認值：看每個獨立屬性

適用于：所有元素

繼承性：無

動畫性：看每個獨立屬性

計算值：看每個獨立屬性

取值：

<length>：
用長度值設置對象的圓角半徑長度。不允許負值
<percentage>：
用百分比設置對象的圓角半徑長度。不允許負值

說明：

設置或檢索對象使用圓角邊框。提供2個參數，2個參數以“/”分隔，每個參數允許設置1~4個參數值，第1個參數表示水平半徑，第2個參數表示垂直半徑，如第2個參數省略，則默認等于第1個參數
  • 水平半徑：如果提供全部四個參數值，將按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的順序作用于四個角。
  • 如果只提供一個，將用于全部的于四個角。
  • 如果提供兩個，第一個用于上左(top-left)、下右(bottom-right)，第二個用于上右(top-right)、下左(bottom-left)。
  • 如果提供三個，第一個用于上左(top-left)，第二個用于上右(top-right)、下左(bottom-left)，第三個用于下右(bottom-right)。
  • 垂直半徑也遵循以上4點。
  • 對應的腳本特性為borderRadius。

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-8.0 2.0-12.0
-moz- #1		 4.0-43.0
-webkit-		 3.1-8.1
-webkit-		 10.5-28.0
-webkit-		 3.2-8.1
-webkit-		 2.1-4.4.4
-webkit-		 18.0-40.0
-webkit-
9.0+ 4.0+ 5.0+ 5.0+ 10.5+ 4.0+ 2.2+ 18.0+
<percentage> 9.0+ 4.0+ 5.0+ 5.0+ 10.5+ 4.0+ 2.1-2.3 18.0+
3.0+
  1. Firefox從13.0開始移除對-moz-的支持，僅支持標準的border-radius寫法，在4.0-12.0區間，兩種方式都支持。
  2. 早期的Chrome和Safari不支持border-radius取值為<percentage>。

示例：