Latest web development tutorials

CSS3 border-image-source 屬性

實例

使用圖像作為div元素的邊框:

div
{
border-image-source: url(border.png);
}

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

属性
border-image-source 15.0 11.0 15.0 6.0 15.0

屬性定義及使用說明

border-image-source屬性指定要使用的圖像,而不是由border-style屬性設置的邊框樣式。

提示:如果值是"none",或者,如果無法顯示圖像,邊框樣式會被使用。

默認值: none
繼承: no
版本: CSS3
JavaScript 語法: object.style.borderImageSource="url(border.png)"


語法

border-image-source: none|image;

說明
none 沒有圖像被使用
image 邊框使用圖像的路徑