天堂…中文在线最新版在线丨无码中文字幕va精品影院丨黄色三级在线视频丨日韩超碰丨亚洲a成人无码网站在线丨得得啪在线丨激情五月婷婷综合丨亚洲欧美国产国产综合一区丨色拍拍欧美视频在线看丨91欧美在线视频丨久久久久久国产精品免费播放丨2020年国产精品丨精品国产天线2019丨青草内射中出高潮丨成年美女黄网站色大免费视频丨欧美性猛烈丨色婷婷av一本二本三本浪潮丨天天视频色丨91性色丨国产精品午夜福利麻豆

border-radius

  • 版本：CSS3
  • 媒體：視覺

語法：

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

默認(rèn)值：看每個獨(dú)立屬性

適用于：所有元素

繼承性：無

動畫性：看每個獨(dú)立屬性

計算值：看每個獨(dú)立屬性

取值：

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

說明：

設(shè)置或檢索對象使用圓角邊框。提供2個參數(shù)，2個參數(shù)以“/”分隔，每個參數(shù)允許設(shè)置1~4個參數(shù)值，第1個參數(shù)表示水平半徑，第2個參數(shù)表示垂直半徑，如第2個參數(shù)省略，則默認(rèn)等于第1個參數(shù)
  • 水平半徑：如果提供全部四個參數(shù)值，將按上左(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點(diǎn)。
  • 對應(yīng)的腳本特性為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-的支持，僅支持標(biāo)準(zhǔn)的border-radius寫法，在4.0-12.0區(qū)間，兩種方式都支持。
  2. 早期的Chrome和Safari不支持border-radius取值為<percentage>。

示例：