1. <span id="z4nqb"></span>

      border-radius

      語法:

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

      默認值看每個獨立屬性

      適用于:所有元素

      繼承性:無

      動畫性:看每個獨立屬性

      計算值:看每個獨立屬性

      取值:

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

      說明:

      設置或檢索對象使用圓角邊框。提供2個參數(shù),2個參數(shù)以“/”分隔,每個參數(shù)允許設置1~4個參數(shù)值,第1個參數(shù)表示水平半徑,第2個參數(shù)表示垂直半徑,如第2個參數(shù)省略,則默認等于第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點。
      • 對應的腳本特性為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區(qū)間,兩種方式都支持。
      2. 早期的Chrome和Safari不支持border-radius取值為<percentage>

      示例:

      1. <span id="z4nqb"></span>
        国模综合网 | 91福利资源在线 | 亚洲无码在线免费观看视频吗? | 国产91白丝jk无套进入在线播放 | 完整一级a片偷拍片 | 天堂在线中文字幕 | 日日日日日日日日日日日日日日日干 | 成人91电影 | 在线观看免费成人网站 | 亚洲a免费视频 |