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

border-image-slice

語法:

border-image-slice:[ <number> | <percentage> ]{1,4} && fill?

默認值100%

適用于:所有元素,除table元素設置了 <' border-collapse '> 為collapse之外

繼承性:無

動畫性:否

計算值:指定值

取值:

<number>
用浮點數指定寬度。不允許負值。
<percentage>
用百分比指定寬度。參照其包含塊區域進行計算。不允許負值。
fill:
保留裁減后的中間區域,其鋪排方式遵循 <' border-image-repeat '> 的設定。

說明:

設置或檢索對象的邊框背景圖的分割方式。
  • 該屬性指定從上,右,下,左方位來分隔圖像,將圖像分成4個角,4條邊和中間區域共9份,中間區域始終是透明的(即沒圖像填充),除非加上關鍵字 fill。
  • 對應的腳本特性為borderImageSlice

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-10.0 2.0-3.0 4.0-14.0
-webkit-
3.1-5.1
-webkit-
15.0+ 3.2-5.1
-webkit-
2.1-4.3
-webkit-
18.0+
11.0+ 3.5-14.0
-moz-
15.0
-webkit-
6.0+ 6.1+ 4.4-4.4.4
15.0+ 16.0+

示例: