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

border-image

語法:

border-image:<' border-image-source '> || <' border-image-slice '> [ / <' border-image-width '> | / <' border-image-width '>? / <' border-image-outset '> ]? || <' border-image-repeat '>

默認值看每個獨立屬性

適用于:看每個獨立屬性

繼承性:無

動畫性:看每個獨立屬性

計算值:看每個獨立屬性

取值:

<' border-image-source '>:
設置或檢索對象的邊框是否用圖像定義樣式或圖像來源路徑。
<' border-image-slice '>:
設置或檢索對象的邊框背景圖的分割方式。
<' border-image-width '>:
設置或檢索對象的邊框厚度。
<' border-image-outset '>:
設置或檢索對象的邊框背景圖的擴展。
<' border-image-repeat '>:
設置或檢索對象的邊框圖像的平鋪方式。

說明:

復合屬性。設置或檢索對象的邊框樣式使用圖像來填充。
  • 使用圖像替代 <' border-style '> 去定義邊框樣式。當 <' border-image '> 為none或圖像不可見時,將會顯示 <' border-style '> 所定義的邊框樣式效果。

    示例:

    .test { border: 10px solid gray; border-image: url(test.png) 10/10px; }

    如果例子中的圖片不可見,或者未被加載,則會以 <' border '> 的定義呈現,如果圖片載入成功,則以 <' border-image '> 的定義呈現。

  • 對應的腳本特性為borderImage

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
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+

示例: