今天呢，翠兒姊告訴大家CSS3教學-邊框的最後一個屬性：border-image 屬性。本文主要介紹了這款屬性的定義以及用法，希望在前端開發工作上能幫到需要幫助的同學。
看一下具體實例：
將圖片規定為包圍 div 元素的邊框：
div
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}瀏覽器支援：
-Internet Explorer 11, Firefox, Opera 15, 以及 Opera 169-16image 屬性。
Safari 5 支援替代的 -webkit-border-image 屬性。
定義和使用：
border-image 屬性是一個簡寫屬性，用於設定以下屬性：
border-image-source；
border-image-slice；
border-image-width； -image-outset；border-image-repeat；如果省略值，會設定其預設值。 提示：請使用 border-image-* 屬性來建構漂亮的可伸縮按鈕！可能的值：
以上是CSS3教學-border-image 屬性的內容，更多相關內容請追蹤PHP中文網（m.sbmmt.com）！ 
