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

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+

示例：