CSS border-image-source 屬性
- 上一頁 border-image-slice
- 下一頁 border-image-width
定義和用法
border-image-source 屬性規定要使用的圖像，代替 border-style 屬性中設置的邊框樣式。
提示：如果值為 "none"，或者如果圖像無法顯示，則使用邊框樣式。
另請參閱：
CSS3 教程：CSS3 邊框
實例
使用一幅圖像作為圍繞 div 元素的邊框：
div
{
border-image-source: url(border.png);
}
CSS 語法
border-image-source: none|image;
屬性值
| 值 | 描述 |
|---|---|
| none | 不使用圖像。 |
| image | 用作邊框的圖像的路徑。 |
技術細節
| 默認值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.borderImageSource="url(border.png)" |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
請參閱 border-image 屬性。
- 上一頁 border-image-slice
- 下一頁 border-image-width
