# CSS3 border-image-source 屬性 ## 實例 使用一幅圖像作為圍繞 div 元素的邊框： ``` div { border-image-source: url(border.png); } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Opera 不支持 border-image-source 屬性。 Internet Explorer 10 以及更早的版本不支持 border-image-source 屬性。 Safari 5 以及更早的版本不支持 border-image-source 屬性。 請參閱 [border-image](/cssref/pr_border-image.asp "CSS3 border-image 屬性") 屬性。 ## 定義和用法 border-image-source 屬性規定要使用的圖像，代替 border-style 屬性中設置的邊框樣式。 提示：如果值為 "none"，或者如果圖像無法顯示，則使用邊框樣式。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.borderImageSource="url(border.png)" | | --- | --- | ## 語法 ``` border-image-source: none|_image_; ``` | 值 | 描述 | | --- | --- | | none | 不使用圖像。 | | _image_ | 用作邊框的圖像的路徑。 | ## 相關頁面 CSS3 教程：[CSS3 邊框](/css3/css3_border.asp "CSS3 邊框")