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