border-image：<' border-image-source '> || <' border-image-slice '> [ / <' border-image-width '> | / <' border-image-width '>? / <' border-image-outset '> ]? || <' border-image-repeat '>
默認值：看每個獨立屬性
適用于：看每個獨立屬性
繼承性：無
動畫性：看每個獨立屬性
計算值：看每個獨立屬性
none或圖像不可見時，將會顯示 <' border-style '> 所定義的邊框樣式效果。
示例：
.test {
border: 10px solid gray;
border-image: url(test.png) 10/10px;
} 如果例子中的圖片不可見，或者未被加載，則會以 <' border '> 的定義呈現，如果圖片載入成功，則以 <' border-image '> 的定義呈現。
| 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+ |